Responsive REST Countries App made with Next.Js and Tailwind CSS

Community feedback

• 

  Tohid Dalaei Milan•410

  @eng-milanPosted over 1 year ago

  Hi, First of all, bravo; absolutely lovely friendly app. One small recommendation, you can use api to convert border countries 3 letter name to full name so it would be more readable to users. And to take it further, you could create a link out of those border countries so once user clicks on those, it will take them to that countries' detail page. But again,I am so exited about your app and UI.

  Marked as helpful

  0

  ---

  

  Emmanuel Ayeniko•330

  @NIKO-DEV06Posted over 1 year ago

  @eng-milan Thanks for the comment Tohid, I had been thinking about this but didn't come up with a solution, how do I convert it please?

  0

  

  Emmanuel Ayeniko•330

  @NIKO-DEV06Posted over 1 year ago

  @eng-milan hey there again, I just looked at the api docs and found I could fetch based on the country code, I was fecthing based on name, I saw your solution and that helped me, Thanks

  1
• 

  Tohid Dalaei Milan•410

  @eng-milanPosted over 1 year ago

  It seemed impossible to me at first, but I came up with an idea that I am not sure if it is optimal or fast. I fetched whole countries object when app loads for the first time. Then passed that object with 250 countries all the way to every country detail page. There I took boundary array and mapped through each element to find corresponding country in 250 object and used its name to show up in component. To see more detail go to my solution's code. I am not pro so my code might be a mess but gladly I will clear things for you if you'd ask me.

  0

  ---

  

  Emmanuel Ayeniko•330

  @NIKO-DEV06Posted over 1 year ago

  @eng-milan hi again😂, I didn't see this comment but I have already explained how I went about it in your previous comment

  0