Groupeton Ride Schedule App

Website Design | 2020

LIVE WEBSITE

PROJECT OVERVIEW

What

Groupeton is application that lets you keep track of bike rides and lets you add friends to those rides.

Why

This project was created in order to expose myself to REACT JS

Who

The project was designed and coded by myself.

Tool

React JS, Firebase, Bootstrap

When

Febuary 2020

PROCESS

PHASE ONE

Planning

I decided to create a biking application that lets users schedule their upcoming rides and have them all in a central location for future reference. Originally, this was a passion project that I only created the wireframes and the designs for. But I then decided to take the wireframes and build it while taking the opportunity to learn React.

react research screenshot

PHASE TWO

Learning React

In order to complete this project I needed to gain a better understanding of React. React was something we were never taught in school so I had to take it upon myself to learn it. Thankfully, the React website and linkedin learning had the tools necessary to learn. And with my previous javascript skills, the translation was manageable.

PHASE THREE

Database integration.

In order to keep a record of which user created which ride, I needed to store this information inside a database. Firebase was something that I have never used before and wanted to take this opportunity to learn it.

firebase database screenshot

PHASE FOUR

REFLECTION

Along the way, there were many challenges that I had to overcome in order to create this application. Getting comfortable with react was the biggest hurdle to overcome. At first, I wanted to get the answers quickly and simply have the code working, but like many things in this industry, you must be patient and spend the extra hours reading the documentation thoroughly. I found myself getting a better understanding of component-based programming and how beneficial it is to separate different components for not only readability but also scalability.

groupeton userflow gif
LIVE PROJECT