mmmbacon / yyc-skatespots

An application for skateboarders, inline skaters and rollerskaters to post up their favourite street spots to skate. Allows a user to post an image of the spot on a map with an attached image. Each spot can have comments associated with it. Powered by Node.js, MaterialUI, GraphQL, MongoDB Atlas, and Apollo Server.

skatespot.app

https://skatespot.app

This app is a tech demonstration using Node.js, React, Apollo GraphQL, MongoDB Atlas and MaterialUI. Authentication is provided by Google Plus API via OAuth2.0. The app serves as a central hub for skaters of all backgrounds to come together to share skate spots and socialize. Future plans include the ability to add multiple photos per pin, maintain ratings for each pin, and allow sharing of spots via social media like instagram.

Server deploye on Heroku and front end served on Vercel.

Installation/Running the App:

Clone the repo

Server:

cd into the project folder

npm install

npm start dev

Client:

cd into /client

npm install

npm start

Screenshots:

User Experience / Creating a Pin / Commenting:

New Spot Creation / UI:

Viewing exisiting spots / Map pop up: