My solution to the https://www.frontendmentor.io/challenges/rest-countries-api-with-color-theme-switcher-5cacc469fec04111f7b848ca
Users are 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
- View the optimal layout for the interface depending on their device's screen size
- See hover and focus states for all interactive elements on the page
- Toggle the color scheme between light and dark mode
- Visit Github page of the project
- Astro - Web Framework
- S(CSS): I'm using my custom variation of 7-1 system where I have created sass-partials, variables, mixins, utility classes...
- JavaScript (fetching data, getting data from a response object, handling events...)