Skip to content
OverviewSolutions
3
Comments
5
Gerardo
@JRaOr

All comments

  • Gerardo•90
    @JRaOrPosted almost 3 years ago

    Hello, In your select button, you should use the value of the options you are changing to display it in the button, always keeps as Filter by region. I hope it helps!

    0
  • Gerardo•90
    @JRaOrPosted almost 3 years ago

    Hi,

    In the select button, you can change the name of America to Americas, the region name in the Api response is Americas, that's why you don't display data when that option is selected.

    Hope it helps.

    1
  • Gerardo•90
    @JRaOrPosted almost 3 years ago

    How do you manage Dark mode?

    0
  • Ebenezer•560
    @ekankamSubmitted almost 3 years ago

    I had a difficulties trying to get the border country full name instead of their code name. I tried and tried, researched, tutorials but I could not figure it out. So if anyone was able to figure it out, kindly please let me know how you were able to do that. Any feedback is welcome. That's how we learn and grow. Thank you.

    React, Sass Rest Countries Api

    1
    Gerardo•90
    @JRaOrPosted almost 3 years ago

    Hello,

    You can take a look to my code, i used hooks to get the borders name, i called the api endpoint for each country code, then i rendered that data as buttons. If u have any doubt, message me.

    0
  • sivaram•135
    @s1varamSubmitted almost 3 years ago

    I have a few questions to the community, kindly help me in resolving them.

    1. How to add the search icon to the input box and back icon to the back button?
    2. Challenge says that individual country data is to be displayed in a separate page. If we display it in a separate tab, how to navigate to the current tab using back button? Right now I've shown/hidden the country grid view and details view.
    3. How to style border countries to similar widths/heights in the grid? Thanks in advance!

    Rest countries API using HTML/CSS/JS

    1
    Gerardo•90
    @JRaOrPosted almost 3 years ago

    Hello,

    For the input box with the search button, you can add the input and an image tag inside a div, and use css to style them, i used react icons for that. but with pure css can be acomplished. For the second point, I'm not sure how to help you with javascript vanilla, but using NextJs makes it easier and it's not that difficult. With HTML i think you could use some queries to pass the country name in the url. For the third point i used tailwindcss, makes easier style small projects and use grid. I hope it helps.

    1