Instructions Welcome to Bike W/ Bae!
Upon entering the website, you will notice that a modal has appeared on the screen with a “Find Me!” button and a “Submit” button.
After clicking on the “Find Me!” button, there is a hidden prompt that basically asks you if you want the website to look at your current location. This will help determine the bikes near you as well as a zoom in of the area around you. There is also about a 3-4 second delay after clicking on that button for the map to appear in the background.
Now that the modal is gone, the user will notice that there are several blue markers at certain locations of the map. Each marker is an indication for where a bike is located.
When the user clicks on a marker, the marker will have a popup box that will notify the user the:
- Brand Name
- Name of station or bike
- If it’s a CapitalBikeShare, it will tell the user how many bikes are available at the station OR if it’s a dockless bike then it will state N/A
Tech Section
Bike W/ Bae’s information functionality was performed by using Coord APIs / Dockless API.
In this application, HTML, CSS, UIkit, JavaScript, JQuery, Ajax, Leaflet Map Plotting, node.js, GeoJSON, were used.
Links for Reference:
https://github.com/mhanley00/bikeshare-app
http://duspviz.mit.edu/web-map-workshop/leaflet-js
http://opendata.dc.gov/datasets/a1f7acf65795451d89f0a38565a975b3_5/geoservice?geometry=-.geojson
https://coord.co/docs/bike#/reference/0/find-bike-systems-by-location
https://ddot.dc.gov/page/dockless-ap
Creators:
Sara Anspach: https://github.com/sara9551
Madeline Hanley: https://github.com/mhanley00
Nomin Boldbaatar: https://github.com/nominb
Keiyon Tyler: https://github.com/Keiyon# bikeshare-app