Wanted to learn React, Google Maps, and Firebase

What it does

Sharing markers on the map with text and icon selection. Can create and edit own markers and view other users.

How we built it

Built with React framework and Google Maps APIs, then using Firebase on the backend to store the markers. Also used Firebase and auth for user login. Made use of Google Maps geocoder, marker, infowindow, searchbox, as well as geofire for geohashing.

Challenges we ran into

Learning React and implementing Google Maps without using a third-party library or module. Then finding a database that can store this and learning Firebase. There is still some issues with the deployment on heroku as well, the site may take multiple tries to load it up.

Accomplishments that we're proud of

Marker selection and making the Infowindow work with React and using JSX Elements inside of one.

What we learned

Learning React and Firebase, making use of additional features in Google Maps and all the APIs.

What's next for Shared Markers

Perhaps looking at a WebGL Overlay so the markers can be more interactive and more customizable. As well as allowing other content uploading for these markers so users can put in photos, etc.

Share this project: