2021 Web

Creating a database of awesome skating spots for the skateboarding community.

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.

The project

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.

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.

SkateSpot placeholder

Research

This portfolio is currently being built. This content will be added as soon as possible.

Design

This portfolio is currently being built. This content will be added as soon as possible.

SkateSpot placeholder

Prototyping

This portfolio is currently being built. This content will be added as soon as possible.

Testing

This portfolio is currently being built. This content will be added as soon as possible.

SkateSpot placeholder

This portfolio is currently being built. This content will be added as soon as possible.

Development

This portfolio is currently being built. This content will be added as soon as possible.

Results

[Results]

Prototype

[Prototype results]

[Feedback & things learned]

App

[App results]

[Feedback & things learned]