SkateSpot

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.

Role

Developer, Designer

Year

2021

Client

FHICT

Product

Web App, Brand Manual

Links

Demo

Technologies

HTML, CSS (SCSS), JavaScript, React

01

Project

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
Solution

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
Process

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
Result

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.