Submitted over 1 year ago
REST Countries API with color theme switcher (Vanilla JS)
@kevinburle
Design comparison
SolutionDesign
Solution retrospective
Hello everyone,
Project is over today! somes features added to spice things up🌶️ :
- Cross filtering between input and dropdown list
- The API request is pulled once when the index.html load.
- Work with local storage to improve performance and reduce the number of API requests
- The regions in the dropdow filter are displayed dynamically according to the data from the API
- Countries Pagination, 12 countries are displayed per page by default to improve performance and UX (dynamic with filtering)
- Button pagination (5 buttons displayed by default) to improve UX/UI
- Possibility to go to the first or last page in one click via pagination
- Possibility to go to the next or previous page via pagination
- Numbers formatting with comma
- The countries names too long are truncated in the buttons (country page) to keep a clean UI
- Toggle the color scheme between light and dark mode
Your feedbacks are welcome ✌️
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