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.

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author
• Acknowledgments

Note: Delete this note and update the table of contents based on what sections you keep.

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

Learning and practicing more.

• Tailwind CSS
• Flexbox
• Mobile-first workflow
• React Hooks

Here are the key learnings from this project:

1. React Fundamentals: I gained a strong understanding of React, including components, state management, and routing using react-router-dom.

2. API Integration: I learned how to fetch and integrate data from external APIs into your React application.

3. Conditional Rendering: I mastered conditional rendering to display content based on different states or routes, such as filtering and navigating.

4. Dark/Light Mode: I implemented a dark/light mode toggle using state management and dynamic class names.

5. Search Functionality: I implemented a search feature to filter and display specific data based on user input.

6. Route Navigation: I used React Router to navigate between different pages in your application.

7. Project Structure: I organized your project into components and modules for a maintainable and scalable codebase.

8. UI/UX Design: I improved My skills in creating a user-friendly and responsive user interface.

Overall, I developed a full-fledged React application, incorporating various key concepts and best practices to create a functional and visually appealing project.

I will continue to practice using Tailwind CSS with React, and my upcoming projects will involve data fetching through APIs while implementing designs using Tailwind CSS.

• Tailwindcss documentation - This helped me for buiding,guide and read all css clases reason. I really liked this pattern and will use it going forward.

• Website - iddimsangi
• Frontend Mentor - @iddimsangi
• Twitter - @iddi_a

I'd like to express my gratitude to the YouTube channel 'Code with Mano' (https://youtu.be/XV5tp-N_z9s) for providing a highly informative and clear video tutorial that helped me successfully design my toggle switch using Tailwind CSS.