#REST COUNTRY API WITH COLOR THEME SWITCHER

This is a project/soluction from Front-end Mentor coding challenge. I get the design from them.

Users should be able to:

Table of contents

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

Overview

The challenge

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.

Links

• Solution URL: [GitHub] (https://github.com/NicoDeLaFuente/rest-countries-api)
• Live Site URL: [Netlify] (https://delightful-raindrop-710469.netlify.app/)

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Mobile-first workflow
• React - JS library

What I learned

This is the first project I made with theme color switcher. I was quite challenging but after trying diferents methods I was able to make it functional. In addition to this, it was the first time to me making a filter and a search input. This was the most challenging part of the project. After some errors I could pulled it through and it is fully functional.

Continued development

I am currently learning Next JS and I am hoping to make my firs app in this technology really soon. Also, I want to learn Tailwing since it will help me a lot with styling doing it faster and better. After learning Next, I will learn Node JS to become a Full Stack Developer. That is my final goal. That is what I want the most.

Author

• GitHub - NicooDeLaFuente
• Frontend Mentor - @NicoDeLaFuente

Acknowledgments

Thanks to FrontEnd Mentor by provinding very useful projects to improve my software´s developing skills.