REST Countries API - Using React & Tailwind CSS

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

This challenge provided an excellent opportunity to hone my front-end development and API integration skills. I utilized React, a powerful JavaScript library, to build the necessary components for this project. Additionally, I employed several key technologies, such as React Router Dom for seamless navigation and the Axios library for efficiently fetching data from the REST Countries API. This project allowed me to refine my ability to create dynamic, user-friendly interfaces and handle asynchronous data.

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

Another fun project to practice React along with API. This one was a bit challenging because API requests had to adapt depending on the user input as well. I used two filtering functions, for inputs and by regions, to make that possible. I used a function to sanitize the inputs to prevent users from exploiting any vulnerability. Routing was achieved with the React Router Dom library and some hooks it provides (useNavigate, etc.). Another challenge was building the app without the Figma files, which made the site not pixel-perfect.

These features required integrating multiple APIs and handling asynchronous data fetching efficiently. They also helped me improve my handling of user input and providing a seamless user experience.