PedalPlanner

This project was bootstrapped with Create React App. PedalPlanner is an app that allows the user to search, plan, and create rides to invite friends. The app shows past and up-coming rides and displays metrics that would be based on a users past rides, pulling data like distance and elevation gain from the trail data.

The app pulls information from MTB Project Data.
Edit:
MTB Project has been aquired by OnX and they have deprecated these public API's :(. I'm working on access to a new api.

Fake user credentials:
Username: pedalUser
Password: pedalPass

Learning Goals

1. Demonstrate the mastery of the following technologies:
   • React
   • Redux
   • Router
   • Asynchronous JavaScript
2. Work within constraints to deliver a unique product for your audience which helps them in some way. Your project must utilize your assigned API and technology, and must be built for your assigned audience.
3. Your applications should have the following core functionality: Display the data from the API in a way that applies directly to your audience Ability for users to store/manipulate the data displayed in the application, such as favoriting or adding to a list

Technologies Used

Librarys, Frameworks

• JavaScript
• React
• Redux
• SCSS
• Create React App
• Moment.js
• Chart.js

Testing and Styling

• Jest
• React Testing Library
• ESLINT

APIS

• Fetch

Instructions

• Fork or Clone repo
• Run npm install
• In the terminal navigate to the directory and run npm start
• To run tests, run npm test

Future Work

• Re-design / build the approach to displaying past/upcoming rides.
• Create onboarding process for user.
• Add edit profile section where user can invite more friends, update data, etc.
• Add styling for responsiveness.

Screenshots