Introduction

Welcome to RoadRunner, a mobile fitness social media app that elevates your running experience. Utilizing GPS technology, RoadRunner tracks your run time, pace, and distance, allowing you to share and connect over your fitness achievements. With RoadRunner, you can follow friends, like, and comment on each other's runs, creating a supportive and interactive community of runners.

Idea behind RoadRunner

Running has always been my go-to activity for destressing. I've been particularly inspired by Strava for its user-friendly interface that makes logging runs a breeze. Motivated by this, I set out to challenge myself to create a similar, yet uniquely engaging fitness social media app—RoadRunner. My goal was to build an app that not only tracks fitness activity but also enhances the social interaction between users, making every run a shared experience.

Role in RoadRunner

For this team project I took lead in developing the running feature that access the user geolocation informaiton.

Stacks and Tech used

  • React
  • PostgresQL
  • Django
  • Python
  • MapBox
  • Geolocation API

UI Experience

login
feed
comments
runn

Challenges

Major Challenge on this Project

A significant challenge in developing RoadRunner was mastering geolocation technology, particularly in ensuring real-time updates of user coordinates. As users moved, their locations were stored in an array, intended to be used to draw their running path. However, I encountered issues with duplicate coordinates, which interfered with the path visualization. To resolve this, I implemented a filter mechanism to remove any duplicates, ensuring the line is accurately drawn from one coordinate to the next.