DEV Community

Andrea Giammarchi
Andrea Giammarchi

Posted on • Updated on

Geo Share

map demo

What I built

Imagine you'd like to meet up with your friends, but you are in an open and maybe crowded space, so that beside sharing your own location, you'd love to also see where is everyone else, to eventually converge into a single place on a map without needing to install any native app.

This is Geo Share, a PWA where you can either be the host, or simply a guest of any other person that shared a unique URL with you.

Demo Link

You can become a host simply visiting geoshare.now.sh.

Once you've found yourself on the map, and clicked on top right πŸ‘₯ icon, you'll have in your device clipboard a unique URL you can paste to your friends.

That's it, anyone using that link will see everyone else aware of such link and, as long as you are using the app, also see you as host of the group (dark icon).

Link to Code

https://github.com/WebReflection/geoshare

How I built it

Additional Resources/Info

The rest of the code is written by me and based on ES Modules, bundled through asbundle, sanitized via Babel, and minified via UglifyJS.

Common PWA techniques such ServiceWorker and a manifest.json are in place too.

Top comments (1)

Collapse
 
daniordonez profile image
Daniel Ordonez • Edited

Love the idea :)