Design comparison
Solution retrospective
Hey everyone!
Here is my first ever next.js app : ) I'm really hyped about this and loved the development experience this framework gives.
List of features -all country pages are prerendered during build time
- every country card in homepage is also prerendered
- dark mode
- selecting default theme base on user's
prefers-color-scheme - filter countries by region
- search country by a name
- optimized WebP images
Tech stack
- Next.js
- TypeScript -TailwindCSS
I'm open for constructive criticism and if you have any questions about the code don't hasitate to ask.
Have a nice day 😀
Community feedback
- @SilverBeingPosted over 1 year ago
Hi @pawel1894. So I went through your solution. It looks really great. but I noticed that the search functionality doesn't work well after a region has been filtered.I can't get what I search for, if the country is not part of the filtered region. You might want to check that.
1@Pawel1894Posted over 1 year ago@SilverBeing If I understand correctly you selected region and then used search function? I did it on purpose so you are searching only in scope of selected region
0@SilverBeingPosted over 1 year ago@Pawel1894 Oh okay. So I think it would it nice to have a feedback or an error message like "Country not in region" something like that so someone doesn't think something is wrong.
0@Pawel1894Posted over 1 year ago@SilverBeing Good idea, thx :D I'll try implementing that when api will be more stable again.
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