React + TypeScript + Vite
Frontend Mentor - REST Countries API with color theme switcher
Welcome! 👋
The challenge
Your challenge is to integrate with the REST Countries API to pull country data and display it like in the designs.
Your users should be 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 (optional)
⚠️ NOTE ⚠️: Sometimes the REST Countries API can go down. We've added a data.json
file with all the country data if you prefer to use that instead. However, please be aware that the data in the JSON file might not be up-to-date.