Skip to content
OverviewSolutions
16
Comments
3
Sagar Kaurav
@sagarkaurav

All comments

  • Sapinder•565
    @sapinder-palSubmitted about 4 years ago

    I use React Routes for Home and Details page. And so, I set the following path- <Route path='/detail/:countryName' component={DetailsRoute} />

    Now this causes the frontendmentor accessibility check to produce so many errors as you can see! Basically it's because the countryName has spaces in it and that goes in the href attribute. Now I can't remove the space because to filter the clicked country from countriesData, I did this-

    countriesData.filter(country =>
	country.name === match.params.countryName
)

    What do I do to get rid of the accessibility errors?

    REST Countries with Local Search History | ReactJS | SASS | Webpack

    1
    Sagar Kaurav•460
    @sagarkauravPosted about 4 years ago

    Hello @sapinder-pal instead of using the country name for links you can use Country Code which doesn't have space in it. If you still want to use Country name then you can use javascript's encodeURI function to encode the name before putting it in the URL and decode it because before using it with javascript's decodeURI function.

    Here is an example of encode decode functions https://www.w3schools.com/JSREF/jsref_decodeuri.asp

    1
  • Sagar Kaurav•460
    @sagarkauravPosted about 4 years ago

    Hello, @nikkuv really cool animation for the dark mode button. One thing I have noticed is the hover styling for cards are missing

    1
  • Claudio Scotto•405
    @claudiosc8Submitted about 4 years ago

    ip-api.com is a great service for IP geolocation. However the free plan doesn't come with the HTTPS (SSL) support. So when I deploy the app on Vercel I got the 'Mixed Content' error, since Vercel provide a free SSL certificate. Do you know a workaround to make the ip-api.com free plan work on Vercel?

    In my solution I replaced ip-api.com with ipwhois.app, which is still great and has SSL support. However it has the limit to 10.000 request per month and it is not possible to search by domain (only IP addresses).

    IP Address Tracker using React

    1
    Sagar Kaurav•460
    @sagarkauravPosted about 4 years ago

    You can use https://geo.ipify.org/ as Frontendmentor recommended it https://twitter.com/frontendmentor/status/1299722189382529024

    Note: You will get only 1000 request per month

    2