SPRINT: For Your Fastest Commute (Front-end Repository)
SPRINT is a personal navigation tool for the everyday commute. Enter your destination address and the app calculates whether driving or taking public transit would get you there faster.
I decided to build this app because it solves an issue that many people face during their daily commute. When determining how long a trip will take via public transportation, Google Maps does not take real-time bus vehicle arrivals into account, resulting in a skewed idea of total trip duration. SPRINT solves this problem by including bus stop arrivals and showing you your transit vehicles actual location. Now you can plan better and stop worrying about whether the bus will be on time or not.
Please check out SPRINT Server Github Repository for the back-end code.
This page features a search bar for you to enter your destination, two icons that change colors to indicate whether taking public transit or driving would get you there faster plus real time map markers showing you where exactly your next bus is located.
The app was designed for mobile accessability
-
Clone this repository locally & cd into it
$ git clone https://github.com/NrupM/sprint-frontend.git -
Run
yarn install$ yarn install -
Run
yarn startto start up the react server$ yarn start -
Check it out on localhost:3000!
- React - JavaScript library
- Node.js - JavaScript runtime environment for the back-end application
- Express - Node.js framework used
- CSS3 - Flexbox - Stylesheet language and layout module
- HTML5 - Standard markup language
- RESTbus API - RESTful JSON API for the NextBus XML feed
- Google Maps API - Web mapping service
- React Google Maps - React.js Google Maps integration component
- Heroku - Deploment platform
- Uber API - Access core capabilities of the Uber app (feature started but not yet supported)
- A user can enter a destination, get arrival times for both driving and public transit options and be shown an indicator as to which travel option would be faster at that time.
- A user will be able to bookmark frequent trips
- A user will be able to see the transit line name and direction for the real time vehicle markers
- A user will be able to click on the car icon and be sent to Uber app to order a car
Users will be able to bookmark frequent trips and be able to view thier bookmarks upon re-entering the app at a future date.
Once a User has put in thier destination and received arrival time results, they will be able to select the driving and request an Uber ride from their current location to their destination.
Original wireframes were built with the idea of having user authentication set up. I am still contemplating whether this would be a valuable feature to impliment. Maybe there is another way to save user specific bookmarks without having someone login each time they visit the app??
