Mapper is a map to see where you've gone in the world and where your friends have gone! I've travelled to many places and I came up with this idea similar to an app that allows you to see what your friends are listening to on Spotify, instead this allows you to see where your friends have been. Who knows, maybe you guys travelled to the same place without even knowing!
I'm still working on the friending part, but the rest of the functionality is all there. I'm currently at 13 hours 51 mins in hackatime.
Moving around might be difficult so if you hold shift + drag your location it will also move the dot and create cirles for where you've been (This is just temporary for testing).
I used HTML, CSS and JavaScript for the website, and Supabase for authentication and the database.
Eventually, I want to make this into an app to be downloaded on a phone.
If you have any suggestions for what to add feel free to tell me :D
How to use
- You must allow your location for it to properly work
- Uncover the map as you walk around (for now you can also just drag your location dot)
- Log in to save your locations
- Choose your profile picture, username and custom color
- Friend others to see your mutual locations (coming soon)
To add:
- choosing username should be optional - it automatically makes one for them if they don't choose - OR MAKE IT SO THAT YOU MUST CHOOSE BUT SAY CAN CHANGE LATER
- timeline of where you were over time
- heatmap of places you visit most often
- friending
- display friends' circles
- display everyone's circles - show this if not allowed location
- add notes at a place
- test actual location and moving
- add login with username
- fix incognito image
- reset password, double auth
- make circles bigger/smaller for optimal size for privacy
- host on website
- make into app