Frontend Mentor - REST Countries API with color theme switcher

How to run this project locally

1. Setup environment

yarn or npm i

2. Start the project on local server

yarn start or npm run start

The challenge

It was a fun challenge by Frontend Mentor

The challenge was to integrate with the REST Countries API to pull country data and display it like in the designs.

Requirements

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)

Built with

• Semantic HTML5 markup
• Tailwind css
• CSS custom properties
• Mobile-first workflow

What I learned

In this project i have learn many things. It was a fun project for me, I have now a better understanding in tailwind and javascript moreover i wanted to implement infinite scrolling but the api doesn't support limit and page prompt. And i have implemented some small things that weren't mention in challenge like scroll-to-top button, stay on dark or light mode using localStorage, search by name etc

---

**Have fun building!** 🚀