Personal Project2025

MapMapGo

  • Angular
  • Supabase
  • Google Maps API

I am at the stage in my life where I am looking to purchase a home, and so I spend a lot of time researching areas that I may wish to move to. One thing I enjoy is walking, as so it was important to me that I could find somewhere that had certain amenities within walking distance. At this point, I thought it would be ideal to be able to visualise the walking distances for many locations on a map, but, I couldn't find a service that offered this functionality - so I built one.

A screenshot of the main maps page of MapMapGo showing multiple categories ticked to be included in the search and relevant locations shown on the map with waypoints and coloured circled of a user chosen radii

The app allows users to select from a bunch of categories that are available on the Google Maps API and set a radius for each of these - this radius is displayed on the map as a circle surrounding the location. I added the ability to customize each category's radius because whilst I may be willing to walk x distance to a country park, I may only be willing to walk y distance to a local shop.

This was all well and good, and it was certainly interesting to be able to quickly get an overview of an area and the places that I'm interested in within that area, but, I felt like I could do better. I realised after some research that with the use of some clever maths I could analyse all the radii currently on the map and find areas where at least one of each category overlap and mark these areas on the map for the user to see.

The overlapping areas feature adds great bit of functionality to the app - the ability to quickly find the optimal areas to reach all the locations that are important to you. I am continuing my house search and in doing so am actively using this app to quickly scope out new areas and find the areas that could best meet my want for walking to destinations.

A screenshot of the main maps page of MapMapGo on a mobile showing black circles on the map generated by the overlap features that find the optimal locations

The app can be found at MapMapGo.com