I love maps.
They’re beautiful and it’s fun to get lost in them. So, I asked ChatGPT to help me make a maps app.
I got this website up and running in less than 5 minutes (and so can you).
Building it
It’s a simple web app that allows you to search a location and the map updates accordingly. It uses an API from OpenStreetMap to pull the location data.
Initial Prompt
Let's create a little website that will use a maps API. We can easily get started with React. Please come up with some useful use cases for what someone would use a maps app for and we'd also host this on Vercel when we're done. Make it look nicely designed, neat. Then pull in an open Map API. Please continue without further questions.
Use cases
Location Finder: Users can search for a location and see it highlighted on the map.
Route Planner: Users can select a starting point and a destination, and the app will plot the best route between them.
Nearby Places: Users can search for specific types of places near a location (e.g., restaurants, gas stations, hotels) and see them listed on the map.
Location Bookmarking: Users can bookmark specific locations on the map and add notes or labels to them.
Within seconds it gave us the starter code and instructions for implementation.
Usefulness? Out of the box not the most impactful thing in the world but it’s easy to see how you could turn this into something useful.
Just add some of the features above like bookmarking, saving, fun design, etc.
Links
Did you like this? If so, get all of the Daily Build projects by signing up for a premium membership.
If not, would you mind sending it to a friend? I’ll love you forever.