Submitted about 1 year ago
Countries API (VueJS, Nuxt, Pinia, Typescript)
#nuxt#pinia#typescript#vue#animation
@Niko0918
Design comparison
SolutionDesign
Solution retrospective
Countries app fetching data from restcountries.com.
- Color system with default color based on your system settings, api, basic search-input using ".includes" function working parallel with select-input.
TODO:
- Detail page margins, font size (responsivity)
- Search input delay
- Last country card on homepage might have wrong position.
- Add loading bar when is waiting for a data
Community feedback
- @dar-juPosted 16 days ago
Review in the context of learning paths.
Great job!
-
I don't think it's a good idea to give all the content to the page without using loading or lazyload.
-
The region filter window has a scroll, you can just increase the height of the screen, especially since the regions are unchangeable.
-
It's better to use input delay in the search, otherwise each entered character puts a load on the server
-
The "Border Countries" buttons, if there is more than one line in it, don't look very good, it's better not to strictly limit the width of the button
0 -
Please log in to post a comment
Log in with GitHub
Join 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