Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Angular router, angular rxgs library, Angular Lifecycle hooks

#angular#jquery#typescript

@WeakSider

Desktop design screenshot for the REST Countries API with color theme switcher coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
  • API
4advanced
View challenge

Design comparison


SolutionDesign

Solution retrospective


I have built this project for REST Countries API with color theme switcher challenge on Frontend Mentor challange.

I integrated with the REST Countries API to pull country data and display it.

Live Demo Link: 🚀 Live Demo

Visitors are able to:

  • See all countries from the API on the homepage
  • Search for a country using an input field
  • Filter countries by region
  • Click on a country to see more detailed information on a separate page
  • Click through to the border countries on the detail page
  • Toggle the color scheme between light and dark mode

This project was generated with Angular CLI version 15.1.3.

Community feedback

@ProgrammerOwais

Posted

Hi, I just checked your project, its very amazing, and the functionality is amazing.

There is some issue in the design layout, try to make a Try to wrap the country borders name in another div & make it a display: flex, make sure to give proper paddings & margins, also the filter section with region base functionality is not working correctly.

I hope this will help you. Keep it up bro 👌.

I just completed the same project, could you get some free time & check out my project, your feedback really help me to improve my skills. Thanks😊

0

Please log in to post a comment

Log in with GitHub
Discord logo

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