What it does

Mapme is a browser extension, which scans web pages for addresses, and would be able to show the user how far away they are relatively using a maps API.

How I built it

I used the Webextension protocol, which is created from JSON and javascript. Pages are scanned via regex searching.

Challenges I ran into

I had a lot of conceptual issues with trying to figure out exactly how to code it. Regex scans text and returns string results from larger selections of text, and I wanted to figure out how to subsequently style only those snippets that appeared to be addresses. This was the programming challenge that haunted me for most of the day.

Accomplishments that I'm proud of

This was my first time using Regex searching! While my implementation gives some false positives it is still largely effective. I wasn't able to get to the map section but I was finally able to successfully console log the isolated addresses and was working on the HTML edits required to encapsulate them in a styled .

What I learned

I was able to teach myself how to make extensions and debug them on the fly, which was an extremely useful skill.

What's next for MapMe

The Google Maps API, hopefully!

Built With

Share this project: