What's your IP..? - Stardance

@wtfisquantum on What's your IP..? · about 4 hours ago

2h 0m 43s logged

spent some time giving the project a final polish before calling it done. cleaned up a few remaining ui inconsistencies, refactored parts of the component structure and simplified some of the rendering logic to make the codebase a bit easier to maintain.

also fixed a handful of small bugs around ip lookups, improved error handling for invalid inputs and polished loading and transition states throughout the application. made a few tweaks to spacing, typography and responsive layouts so everything feels more consistent across different screen sizes.

finished by doing another full pass over the project, removing some leftover code, improving overall stability and verifying the complete lookup workflow one last time before shipping.

Ship #1

@wtfisquantum on What's your IP..? · 4 days ago

I built What's Your IP..?, a web application that lets users inspect any IPv4 or IPv6 address and view detailed information including geolocation, ISP, ASN, hosting/proxy detection, timezone and more, all alongside an interactive Leaflet map.

The most challenging part was integrating multiple APIs while keeping the UI responsive and making sure the map, loading states and data components stayed in sync throughout the lookup process. I'm especially proud of the overall UI, the modular component architecture and the smooth search experience.

To test the project, simply open the site. On your first visit it automatically analyzes your current public IP. After that, you can enter any valid IP address in the search bar to inspect its details and see its approximate location on the interactive map.

3 devlogs
4h

Try project → See source code →

Open comments for this post

@wtfisquantum on What's your IP..? · 4 days ago

44m 28s logged

Wrapped up the remaining implementation work and cleaned up the entire codebase
Fixed the remaining UI and CSS issues across the application
Finished integrating all remaining React components and connected them with the existing data flow
Completed the Leaflet map implementation and finalized the interactive location view
Polished the overall lookup workflow to ensure everything works smoothly from search to map rendering
Deployed the project to Vercel
Ran into a deployment issue during the first build, tracked it down and resolved it, then successfully deployed the application
Experimented with a clean light theme after deployment, but it didn’t feel quite right for the overall design
Designed and implemented a complete dark theme and decided to make it the final look of the project
Added the final polish, tested the complete application and verified that everything works as expected

finally calling this one done! hope you all enjoy using it, and if you get a chance to check it out, i’d love to hear what you think :)

Open comments for this post

@wtfisquantum on What's your IP..? · 4 days ago

1h 2m 15s logged

Implemented a proper loading experience while IP and geolocation data are being fetched
Added dedicated loading states to provide a smoother and more responsive user experience
Built reusable components for displaying fetched network information in a clean and structured layout
Refactored the details section into individual rows to improve readability and maintainability
Formatted the IP address by splitting it into individual octets for a more distinctive visual presentation
Displayed detailed information returned by the IP lookup service, including:
- Mobile / Cellular detection
- Proxy and VPN status
- Hosting provider detection
- Geolocation data
- Timezone
- ISP and ASN information
- Country, region and city details
Improved the overall presentation of network metadata with a cleaner information hierarchy
Added support for both default and manual lookups:
- On the first visit, the application automatically fetches the user’s current public IP
- Afterward, users can search and analyze any valid IP address through the search interface
Polished the overall data flow to ensure smooth transitions between loading, fetching and rendering states
Fixed minor UI inconsistencies and improved component synchronization throughout the lookup workflow

Open comments for this post

@wtfisquantum on What's your IP..? · 5 days ago

2h 10m 18s logged

Implemented interactive map support using Leaflet with OpenStreetMap tile layers
Built the initial mapping system to visualize the user’s approximate location based on IP geolocation data
Integrated an external IP geolocation API to automatically retrieve:
- Public IP address
- Approximate location
- ISP / Network provider
- Timezone and additional network metadata
Refactored the frontend into reusable React components for improved maintainability and cleaner project architecture
Created dedicated components for:
- Formatted IP address rendering
- Data rows
- Status badges
- Interactive map container
Improved the data flow between the API layer and UI, making updates more predictable and easier to extend
Polished the overall dashboard layout with better spacing, organization and information hierarchy
Resolved rendering and state synchronization issues while connecting API responses to the map and interface
Verified the complete end-to-end workflow from IP lookup → API response → data processing → map rendering → real-time UI updates
Added the foundation for future location-based features by keeping the mapping and data-fetching layers modular and scalable