gravity

Gravity is a React-Redux App allows a user to view mountain bike trails in a targeted area and book a shuttle to take them to the top of that trail.

Focuses

• Write squeaky clean, well refactored code using ES6 syntax.

• Make informed design decisions to create a user-friendly application.

• Become comfortable with different network requests like GET, POST, & DELETE.

• Solidify concepts with React to create clean and re-useable components.

• Become comfortable with Redux’s lifecycle, creating actions, reducers, and connecting them to React components.

• Understand and solidify concepts with React component, asynchronous code, and Redux testing.

• Get more practice doing network requests with a backend.

Screenshots

Data Map

• To begin, the overall data flow and necessary components are mapped out.

Design Prototype

• Home Page: Next, a design is implemented and basic user flow is considered.

Choose Your Location

• When arriving at the site, the first thing a user needs to do is pick a location.

Choose Your Trail

• Trails will appear within 10 miles of the selected location from which a user can choose from to book a shuttle.

• If the data can not be fetched, an error will appear for the user.

Book Your Shuttle

• Now that a trail is selected and the user decides that is the trail they wish to hire a shuttle for, they will fill out the form with the necessary information.

• Be sure to fill out all inputs or else the booking will not be made.

Receive Confirmation

• Once all inputs are fill out, the booking is allowed to be made and when done so, the user will receive a confirmation message.

Tech

• This project was bootstrapped with Create React App utilizing Redux.

• Tested with Jest/Enzyme.

• Links using React Router.

Team (solo)

• Quinne Farenwald (https://github.com/qfarenwald)

Set Up

Clone repo.

git clone https://github.com/qfarenwald/gravity

Install dependencies.

npm install

Run browser.

npm start