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

React REST Countries API

Kamelek1337• 190

@Kamelek1337

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

Solution retrospective


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

I'm most proud of how well the country search works but I would definitely use a different API as this one gave me a lot of trouble displaying the data correctly

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

As I wrote above, I had a problem with properly displaying data from the API and with hosting the entire website because I was using React Router. Eventually, I managed to find an article that explained to me that you need to use other commands than usual in the console to publish a page on GitHub

Community feedback

Teodor Jenkler• 3,720

@TedJenkler

Posted

Hi @Kamelek1337,

Nice project! Here are a few suggestions for improvement:

Mobile-First Approach: Your site currently isn’t responsive. To make your site easily responsive, consider using a mobile-first approach. Think of your site as a tower: if you start by building a solid foundation (mobile design), it will be easier to expand and adapt for larger screens. If you start with the top (desktop design), you’ll need more CSS to fix issues on mobile devices.

Mobile is the most important device nowadays, so ensuring it looks great on phones first is crucial. Use media queries to adjust the design for larger screens after establishing a solid mobile base.

Translate Border Names: To improve user experience, consider translating border abbreviations (like FRA) to their full names (e.g., France). This will make your content more accessible and understandable for all users.

Hope this was helpful

Best, Teodor

Marked as helpful

0

Kamelek1337• 190

@Kamelek1337

Posted

Hi @TedJenkler,

Thank you for your feedback, it is very helpful and detailed, I will try to improve the things you mentioned, but I would like to ask you what mobile device you used to visit my website because I checked it on two phones and the website is responsive.

Best, Kamil

1

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