This is a solution to the REST Countries API with color theme switcher challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
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)
- Solution URL: Add solution URL here
- Live Site URL: Add live site URL here
- Semantic HTML5 markup
- SCSS(sass) v1.57
- React v18.2 - JS library
- React Router v6.6
- Bootstrap Icons v1.10
- Will update later
- Routing this current project was routing so bad and messy, so i want to level it up to something clear, easy to read and contain in one place to make it easy to keep track
- Make og tag so when I share it they will know what website talk about
- Change sass to tailwind because I think sass take more time than use tailwind and it make me so much time to name some element just for styling it
- React router tutorial - Good to learn react router when you don't have any experience.
- Website - Hatter
- Frontend Mentor - @Hatter-s
- Twitter - @ThnhV06299393