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.
-
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.
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.
-
This project was bootstrapped with Create React App utilizing Redux.
-
Tested with Jest/Enzyme.
-
Links using React Router.
- Quinne Farenwald (https://github.com/qfarenwald)
Clone repo.
git clone https://github.com/qfarenwald/gravity
Install dependencies.
npm install
Run browser.
npm start