React Rest APIs | Responsive | Bootstrap

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

I created a fully responsive app using React and Bootstrap. I am proud of the clean and user-friendly interface, and how well the app adapts to different screen sizes. Next time, I would spend more time on planning the project structure and state management to ensure a smoother development process.

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

One of the main challenges I faced was integrating the API to fetch data. Initially, I struggled with handling asynchronous data fetching, but I overcame this by utilizing the useEffect hook and fetch method to manage the API calls effectively.

What specific areas of your project would you like help with?

I am having trouble implementing routing to open the country cards and display more detailed information about each country. Specifically, I would like help with:

1. Setting up the routes correctly to ensure each country card navigates to a detailed view.
2. Passing the necessary data to the detailed view component.
3. Managing the state between the country list and the detailed view.