IP Address Tracker using React, TypeScript, and React Leaflet

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

I'm most proud of successfully integrating React Leaflet for interactive map visualization and implementing domain name resolution to IP addresses. It was also my first time using TypeScript in a project like this, which helped me write more structured and error-free code.

Next time, I would focus on improving error handling and UI feedback, especially for invalid IPs or API request failures. I would also like to optimize performance by debouncing search inputs and improving API request efficiency.

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

I struggled with IP validation and domain resolution, initially causing incorrect API requests. I fixed this by implementing a validation function to distinguish between IPs and domains.

Since it was my first time using TypeScript, typing API responses and React components was challenging. Defining interfaces and leveraging TypeScript's strict type checking helped me overcome this.

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

I’d love feedback on improving IP validation and handling edge cases for domain resolution. Additionally, any suggestions on better structuring TypeScript types for API responses and optimizing the Leaflet map integration would be helpful.