REST Countries API with color theme switcher Challenge by Frontend Mentor

My challenge is integrating with the REST Countries API to pull country data and display it like in the designs.

I can use any JavaScript framework/library on the front-end, such as React or Vue. I also have complete control over which packages you use to make HTTP requests or style mine project.

My 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

• Tailwind CSS
• React
• Redux Toolkit
• Axios
• React Router

Full Screen View

Instructions

First clone this repository.

$ git clone https://github.com/LuisSalas94/react-countries-api

Install dependencies. Make sure you already have nodejs & npm installed in your system.

$ npm install # or yarn

Run it

$ npm start # or yarn start

Live Demo

Live Demo Link

Author 👤

• GitHub: @LuisSalas94
• LinkedIn: Fernando Salas
• Medium: Fernando Salas

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

Acknowledgments 📚

Original challenge by Frontend Mentor

Show your support

Give a ⭐️ if you like this project!

📝 License

This project is MIT licensed.