Responsive IP tracker App with React + Tailwind CSS

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

Instead of using Vanilla JS, I decided to use React for this challenge. This presented an opportunity to learn more about react states since the frontend elements had to be modified dynamically based on the response from the two APIs. It helped me improve my understanding of the useEffect() hook in React.

If I were to do this again, I will use Vue just so that I can experiment with these popular frameworks in JS and gain first hand experience on how to make better decisions when selecting a framework for a project.

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

The immediate challenge was the map and image background with the information about the IP as as an overlay. I used absolute positioning for the foreground and a higher z index to tackle that.

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

I would be very interested in learning from more seasoned devs about how they would sanitize the input from the IP/domain input field. I would also like to discuss ideas related to handling errors from the API requests.