SkateSpot is a web app built with React that allows skaters to find their perfect street skate spots. Users can place their own markers near interesting obstacles to form a community driven database of locations. Users are also able to search for spots - or use a list of nearby locations to explore.
Web App, Brand Manual
SkateSpot is a web app built with React that allows skaters to find their perfect street skate spots. Users can place their own markers near interesting obstacles to form a community driven database of locations. Users are also able to search for spots - or use a list of nearby locations to explore.02
Skaters haven't had a community driven app for as long as I can remember. The only way to find out about new street skating locations is to look around, hear about them from someone, or find official parks on Google Maps. Me and my partner for this project wanted to change this by building an easy to use app that had everything skaters needed to know to find their perfect spots.03
SkateSpot started off as a school project. First off I made a Brand Manual, thought of a name and quickly designed a logo (as I only had a couple weeks to start and finish this project), and then started looking up React tutorials to implement API's such as the Google Maps API for React. After getting a grasp of how React worked and how I could implement my own custom map, I added functionality like adding custom markers and linking this to a database to store all locations.04
In the end i was able to build this react app and link it to the database. I also got the Google Maps API to
work and display all the spots stored in the database based on their location. I'm happy with the result,
however there is still some bugfixing to do and functionality to add.
If I had more time for this project I would've implemented functionalities such as searching for spots, deleting spots, having a login/register system with accounts and friends, and being able to filter spots based on these friends. I would also include more parameters when adding a new spot such as obstacle types.