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.
I really like this project because it helped me extend
my skills in responsive design .I adjasted my knowlages by creating
pages dynamically with nodejs and also
t dark/light mode with local Storage. I really enjoyed.
I'm open for any feedback or recommendations.
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
- GitHub: Add live site URL here
- Site:Site here
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
- JavaScript
- Node - Nodejs
- Bootstrap(https://getbootstrap.com/)- Bootstrap 5
During this project I visited :
- developer.mozilla.org - For some guiding about localStorage.
- nodejs.org/ - For some guiding about nodejs.
- Frontend Mentor - [@kate-sarant] (https://www.frontendmentor.io/profile/kate-sarant)
- Twitter - @KateSarant (https://www.twitter.com/KateSarant)
- Linkedin - linkedin.com/in/aikaterini-sarantopoulou-4b05a51b5
- GitHub - [kate-sarant] https://github.com/kate-sarant