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
inputfield - Filter countries by region
- Toggle the color scheme between light and dark mode
- Live Site URL: Where in the world?
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
- React - JS library
- React Query - Caching
- Axios - HTTP Client
- Storybook - For build components
- Styled Components - For styles
- Make AJAX requests
- Manage client-side caching
- Build filter and search components
- Control pagination of large amount of data
- Build components with Storybook
- Use Context API to manage global states
- Storybook Code Evolution Tutorial - Helped me understand the steps of building isolated components. I really liked Storybook and will use it going forward.
- React Query Code Evolution Tutorial - This is an amazing tutorial which helped me finally understand fetching and caching.
- E-mail: atolini@live.com