Skip to content
Submitted 4 months ago

i use html , css ,js,tailwaind css , grid responsive

MHAMED OUZED•130
@Mohda24
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...REST Countries API with color theme switcher
  • HTML
  • CSS
  • JS
  • API
4advanced

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

yeah it was good experience i really enjoyed , becouse i learn some new tricks like how u can use api

What challenges did you encounter, and how did you overcome them?

i have some challenge like how u can use localStorage becouse i only use one request when the page is loaded and i store data in localstorage

What specific areas of your project would you like help with?

i want to know what i will do to get good and readable code in js and also i want some tricks to get good performance of landingpage please if someone have some information dont forgot to share it with me and thank you🎉👍😁

Community feedback

  • Lance•1,580
    @IzykGitPosted 4 months ago

    Good work!

    One way you can greatly improve performance especially in React is when a user types in an input field, do not make the api call for every input. Instead a better way is to create a function that waits for a second or two to make the call after the user has stopped typing.

    Not only will this greatly improve performance but it will also prevent you from creating a lot of unnecessary fetch requests that could save calls (if you have a limit on how many api calls you can make that is).

    Keep up the good work.

    0
  • Teodor Jenkler•3,820
    @TedJenklerPosted 4 months ago

    Hi @Mohda24,

    Nice project! I especially like the hover effects you added and the overall clean design. I would suggest looking into your custom select component—it seems like you forgot to add the rotate effect. Adding animations and hover states could give it that extra touch.

    Consider using useRef to make the select component disappear when clicking outside of it. Also, the hover effect in dark mode appears a bit too light.

    Great job with the naming on the border buttons; that's something many people overlook. Overall, your project is really good, though it seems some small details might have been missed.

    I noticed that the grid seemed a bit shaky on responsiveness, but that could be due to my computer needing a restart.

    Hope this feedback is helpful!

    Best, Teodor

    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