Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Country Glossary website using Next.js and Tailwind Css

@swagthehooman

Desktop design screenshot for the REST Countries API with color theme switcher coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
  • API
4advanced
View challenge

Design comparison


SolutionDesign

Community feedback

iRaYzEn 240

@iRaYzEn

Posted

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

@swagthehooman

Posted

@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
iRaYzEn 240

@iRaYzEn

Posted

@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 helpful

0

@swagthehooman

Posted

@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
iRaYzEn 240

@iRaYzEn

Posted

@swagthehooman thanks, and welcome

0

Please log in to post a comment

Log in with GitHub
Discord logo

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