iamdanahn / RunWithMe

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

RunWithMe

Run With Me gif

Overview

A MapMyRun clone allowing a user to track and share workouts, goals, and running/biking routes with friends

Features

  • User Authentication (Login/Logout, Signup)
  • Create & edit a route for your workouts
  • Search & add friends to check each others progress
  • Comment on runs or routes
  • Track your workouts

Technologies used

  • Backend
    • Ruby on Rails
  • Database
    • PostgreSQL
  • Frontend
    • React
    • Redux
    • Google Maps APIs
  • Heroku
  • GitHub

User Authentication

  • Users can signup or demo login to browse the website
  • BCrypt on the backend to store encrypted passwords, never users actual passwords!

Login:

Login

Sign Up:

SignUp

Create/Edit a route

  • Used several Google Maps APIs (Autocomplete, Directions, Geocoding, Maps JS) to create a seamless map environment

  • Google Maps JS API

    • Allows rendering of a Google map to view the world
  • Directions API

    • Calculates directions and distance between map locations
  • Geocoding API

    • Converts address' into latitude/longitude coordinates providing the ability to center a map
  • Autocomplete API (PENDING)

    • Autocompletes an address as the user types into the address search bar

Create route map

Search/Add friends

  • Users are able to search specific or all users (for sake of convenience)
  • Friends or current user will not show up in user searches

Search bar for friends

Comment on runs or routes

  • Anyone can comment on routes posted
  • Only the author can delete their own comments

Route comments

Track runs or routes

  • See your saved routes on the dashboard

Dashboard to see saved routes

About


Languages

Language:JavaScript 47.0%Language:Ruby 30.9%Language:SCSS 17.7%Language:HTML 3.6%Language:CoffeeScript 0.7%