Submitted over 1 year ago
REST Countries API with color theme switcher on VUE
@leqsar
Design comparison
SolutionDesign
Solution retrospective
The main goals of implementing this challenge were:
- get more comfortable with usage of watchers and computed properties (VUE)
- implement a color theme switcher
Some future plans:
- add loader for all processes that take time
- implement more elegant logic for simultaneous filtering and searching process
Community feedback
- @jtoming830Posted over 1 year ago
I would suggest to work on responsiveness, layout is broken for any width between 400px and 1200px. Also header is not 100% width on screens with width > 1400px.
More interactivity would be good too:
- animation for region filter dropdown on open/close
cursor: pointer;
for country cards- animation for theme switch
- input is frozen when typing some characters - it should not freeze. Seems like a debounce but then you need something like 2 states - one for input value itself and the second one is search value. Or uncontrolled mode with debounced reaction.
- region filter is frozen after item selection
On the country details page:
- it would be nice to hide "border countries" title at all if there are no border countries (such as Northern Mariana Islands, Bermuda, etc.)
- interactivity for Back button (scale it or change bg on hover)
0@leqsarPosted over 1 year ago@jtoming830 thank you for your detailed feedback.
Currently I am looking for some interesting ways to create pretty animation for theme switch.
Also special thanks for your suggestion to solve a problem of input's freeze
0
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