IP address tracker challenge using Nextjs, typescript and Tailwindcss

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

What I’m proud of:

• Integration with the two APIs: I was able to integrate an IP geolocation API and a map API efficiently, something I hadn’t done before in Next.js. This allowed me to get location data and display an interactive map.

• User Interface: I believe the interface turned out to be very similar to the challenge, which was great.

• Responsiveness: The responsiveness worked perfectly with Tailwind.

What I would do differently in the next project:

• Error Management: Although I implemented everything and in the end, it all worked out, I ran into some small errors that took hours to fix. In the next project, I would investigate potential failures more thoroughly, such as when the API returns an error, when the IP address can't be geolocated, or when the error is related to version issues.

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

I took a bit longer on this challenge because, even though I’ve been programming for some time, I hadn’t integrated two APIs with Next.js before. Most of the bugs I encountered I solved by reading the API documentation, but some of them, like the error related to the React version, I got a little help from ChatGPT. I couldn’t figure out where the error was, and it gave me a hint about it.

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

I just want anyone who can take a look at my code to see what can be improved or what they think is cool about it.