A web app listing practice spots for breakdancers. features include relvant information per spots, in-app liability waiver signing, spot search, and more to come. Built using Google maps api, ReactJS, PostgresSQL, NodeJS, AWS Elastic beanstalk, S3 Bucket, API gateway.
npm install
npm start
npm build
If permission is granted, map will move to your current city, otherwise it will default to Bronx, New York ( the birthplace of hiphop! )
Tooltip will prompt to select a spot first before info side bar can be deployed.
Clicking on a marker will populate side bar with data and deploy it.
It is toggleable via the arrow button bottom right of the screen or by clicking the same marker again.
Clicking the plus button will bring up the modal to add a new spot.
The entire map component will rerender to update with new spot marker.