Skip to content
Submitted over 2 years ago

Responsive app displaying countries built in Angular/Angular Material

Curtis•930
@webguy83
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...REST Countries API with color theme switcher
  • HTML
  • CSS
  • JS
  • API
4advanced

Design comparison

SolutionDesign

Solution retrospective

Angular Material custom theming was definitely an experience. Not sure my way was the best approach but if you search my _palette.scss file you can take a look and it gets the job done. Love any feedback.

All the HTML issues in the Generated report are because Angular injects all those custom attributes.

Community feedback

  • Jakub Krwawicz•320
    @kerminekPosted over 2 years ago

    Looks really great! I wanted to do this border countries component with full names, but i was too lazy for that :D Also wanted this animation on hover on country tile, but i've used react-virtualized list to make searching smooth, and that's unfortunately is blocking scale() feature. I also feel like searching feature is working much better in mobile. Anyway, great project. Would appreciate if you would see mine :)

    1
    Curtis•930
    @webguy83Posted over 2 years ago

    @kerminek thank you! I will take a look at yours in a bit too!

    1

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord