IP Geolocation Dashboard

I'll create a dashboard that visualizes IP geolocation data from the ipapi.co API with a clean, modern interface featuring a map and organized data cards.

Features of the IP Geolocation Dashboard

This dashboard provides a comprehensive visualization of IP geolocation data with the following features:

1. Interactive Map: Displays the geographical location of the IP address using Leaflet.js with a marker and radius circle.
2. IP Lookup: Search for any IP address or view your own IP information.

3. Organized Data Cards:

   • Location Details: Shows city, region, coordinates, and local time in the IP's timezone
   • Network Information: Displays IP address, version, network, ASN, and organization
   • Country Information: Shows country details including flag, capital, currency, and population
4. Detailed Information: A comprehensive table view of all data points returned by the API.
5. Raw JSON View: For developers who want to see the complete API response.
6. Responsive Design: Works well on both mobile and desktop devices.
7. Dark Mode Support: Automatically adapts to your system preferences.

The dashboard fetches data from the ipapi.co API and handles loading states and error messages appropriately. It's built with Next.js, React, Tailwind CSS, and shadcn/ui components for a modern, clean interface.