Country Glossary website using Next.js and Tailwind Css
Design comparison
Community feedback
- @iRaYzEnPosted 10 months ago
nice one but i had problems such as when trying to look for a country by name i should submit the form to get the result that is really annoying and the background color in dark mode is not the same color as in dark mode again when searching for a country by name,
i fix it like this with react you can look at my solution in the App.jsx file i comment it // colorScheme change
i made this project 3 days ago so i know most of these problems
btw look at my solution and give me a feed back and look at my solution
happy codding
0@swagthehoomanPosted 10 months ago@iRaYzEn
According to the designs, there is no search button (I guess the UI designers don't like search buttons anymore :)), but I did include search function on enter button click. I'll change the design a bit for better search function.
Coming to the back to the color scheming, I believe there are some styling cleanups to be done in my solution. Next.js defaults to the black color background I guess. And also, I use 3 different endpoints so no data is cached and not all data is fetched at once. It does slow down the website performance by a lot.
Btw thanks for your feedbacks. Always appreciated!!
Happy coding!!
1@iRaYzEnPosted 10 months ago@swagthehooman hey, i just meant to make the search preform while typing the name of the country instead of making it preform on the enter key
and for the styling part just search for a country while in dark mode on pc and look at the background and you will understand
anyway you did a great job already 😇
Marked as helpful0@swagthehoomanPosted 10 months ago@iRaYzEn
I understood what you meant after reviewing your solution and that's a great way to implement search function, not gonna lie. your idea is better with respect user's experience.
Anyways, thanks for feedback!
Happy coding!!
1
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