Submitted over 1 year ago
rest-countries-api with web components and custom theme switch
@JonatanGarbuyo
Design comparison
SolutionDesign
Solution retrospective
- Rest of countries API with color theme, vanilla JavaScript and web components
This is a perfect challenge to test your skills in integrating an app with a third-party API.
- I used the API from https://restcountries.com/ to extract data.
- Added a customized switch for theme change to dark mode.
- The search input is filtering as we type and I implemented a debounce so that it runs every 500 milliseconds.
- The <select> element is customized and implemented with Web Components and accepts normal <option> elements as children.
Community feedback
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord