Inspiration

I wanted to create a quick and simple application that helps users find addresses by interacting with a map. My goal was to combine intuitive map exploration with the ability to search for addresses and display nearby points of interest, all within a clean, user-friendly interface. It’s inspired by my desire for a lightweight, accessible geolocation tool without the complexity of full mapping suites.

What it does

Address Lookup displays a full-screen interactive map centered on my current location. I can click anywhere on the map to instantly see the address of that location shown in an overlay at the bottom. A search icon in the top right opens a modal where I can type an address, and upon submission, the map moves the pin to the searched location. Additionally, there’s a sidebar with different point of interest (POI) types — clicking one displays the relevant POIs on the map, allowing me to explore the surroundings easily.

How we built it

I used React with React-Leaflet to build the map interface, enabling seamless interaction and map controls. Tailwind CSS styled the UI for a clean and responsive design. The app obtains my current location via browser geolocation APIs to set the initial map view. Address lookup on map clicks and search queries is handled through reverse geocoding and forward geocoding API calls (e.g., OpenStreetMap Nominatim). Points of interest are fetched dynamically based on the selected category and the current map viewport, then displayed as markers on the map.

Challenges we ran into

I had to do the prompt twice — the first time I left out some features, but the second time it left out some error handling that I had included.

Accomplishments that we're proud of

In one prompt to bolt.new, I successfully implemented a fully interactive, location-aware map that responds fluidly to user input. The integration of search, reverse geocoding, and dynamic POI display all work harmoniously in a single-page React app. The UI is clean, mobile-responsive, and intuitive, providing immediate feedback on user actions. This app serves as a solid foundation for more advanced mapping and location-based features.

Built With

Share this project:

Updates