Ride Hawaii was originally created by four students as their final project in Cohort 9 of DevLeague in Honolulu, HI. The goal of this project is to create a geolocation app usable by bikers in the Honolulu area and to provide the following map information:
- Locations of future Bike Share sites, where bike rentals will be possible.
- History about nearby sites as a self-created tour.
- Locations of the bike racks that are available in Honolulu. Other features of this app include user feedback and reporting, favoriting, and user location to marker location route information.
Cohort 9 Collaborators:
In order to run this app, please run the following in your terminal after cloning the project:
$ npm i$ bower i$ nodemon server/server.js$ sequelize db:seed:allThis installs the necessary dependecies and seeds the point details into a database.
To use the working version of this app please visit ridehawaii.us
While this app was created with mobile use in mind, it is accessible using any modern browser.
-
When first loading this app, the user should receive a popup requesting access to location information.
-
Tapping 'Allow' will enable app functionality while 'Don't Allow' will likewise prevent it.
-
Once the app is loaded, it will wait for user confirmation, 'tap to find location', before loading the initial map view, where the user's location marker (blue) will be centered on the screen.
-
User can zoom in or out by tapping the + or - in the upper left corner.
-
The green markers are the proposed BikeShare Stations nearby.
-
Tapping a marker will show a popup with the location name. Tapping the the popup will bring up Location Details, where the user can:
-
See detailed information and a photo, where applicable
-
Mark the point as a favorite
-
Indicate a safety incident
-
Make a report or suggestion related to this point.
-
Close this view by tapping the down-arrow in the upper right corner of the screen.
-
The bottom navigation buttons of the map view, listed from left to right, have the following functionalities:
-
Find my location
-
Show List View of nearby BikeShare Stations
-
Show List View of nearby history landmarks
-
Show List View of nearby public bike racks
-
In List View, user can
-
Immediately see the distance of the mark from his or her current location.
-
Side swipe left on any location to show buttons that will generate route directions to this point (left) or show Location Details of the point(right).
-
Close List View by tapping the down-arrow placed in the upper-right corner of the screen.
-
Once returned to map view, the user can modify map settings by tapping the grey gear in the upper right corner. This shows the filters. From top to bottom:
-
'My Favorites' will show the marker pins saved by the user
-
'Show Points on Drag' will reload nearby pins as the user moves across the map. This is helpful for situations where the user is viewing points on the map that is distant from his or her location.
-
Show different types of points. BikeShare Stations is chosen by default, but the other two options are to show Landmarks (yellow markers) or public bike racks (black markers)
-
Choose radius of shown markers by distance from user. Radius options from left to right are 0.5 mile, 1 mile, 2 miles, or all points available on the map.
-
Tapping 'Done' will close this view
We would like to thank the following people and organizations for providing the data and support utilized to make this app a reality.
- BikeShare Hawaii for providing the BikeShare location points.
- Peter T. Young from Hookuleana for providing carefully compiled history locations and information with photos.
- Data Hawaii Gov for general descriptions of bike rack locations in the city of Honolulu (and a little beyond).
- Kelli Borgonia of Goma Games for providing design specs and files.
- DevLeague teachers and staff for guidance, support, and advice.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent