A bike-sharing locator that help users to discover where are the bicycles located within the city. They can be located via these search fields stated below so that search results can be precised to what they need.
- Country
- City
- State
- Town
And, it comes with a mini forum for users to view incidents reported by other users around the globe. They are arranged in these categories,
- Theft
- Hazards
- Crash
- Infrastructure Issue
- Chop Shop
User Stories: ---> (e.g. As a user type, I want to perform an action, so that I can achieve a goal.)
- As a commuter, I want to search for shared bicycles location, so that I know where to rent them while travel across the globe.
- As a commuter, I want to search for current location, so that I know where is my current location.
- As a commuter, I want to search for shared bicycles near me, so that I can rent them.
- As a commuter, I want to search for bicycle incidents report, so that I know the latest news around the neigborhood or country.
- As a commuter, I want to search for different types of bicycle incident reports, so that I can filter to the right information.
In this section, you should go over the different parts of your project, and describe each in a sentence or so.
Users can ...
- Feature #1 - View all the available bicycle locations around the globe when they clicked on "Locate Bikes" button.
- Feature #2 - View current location within the map when they clicked on "Current Location" button.
- Feature #3 - Search for another location within the map through the search field.
- Feature #4 - Search for incident that matches the search query.
- Feature #5 - View different types of incident when they search through the input field under "Incidents" section of the selected type on the dropdown within "Advanced Options" collapsible button.
- Fetaure #6 - Search for a location on the map in the "Venue" section through the input field.
- Locate the bicycles
- within a certain radius of searched location
- within a certain radius of current location
- Locate the bicycles
- within a certain radius of searched location
- within a certain radius of current location
- HTML
- CSS
- JavaScript
- Bootstrap v4.3.1
- Simplify and Rapid prototype on website's styling
- JQuery
- The project uses JQuery to simplify DOM manipulation.
- Google Maps JavaScript API
- API(s)
- AWS Cloud9 (IDE)
- Microsoft VS Code (Editor)
These are the tests I have done so far...
Manual Test
- Index (index.html)
- Launch the html page by previewing it on a new tab of the browser, and ensure there isn't any occurrence of errors.
- App (app.js)
- Tested the script by viewing through the inspector's console. Make sure there is not any known errors.
- Tested with JSLint, apart from code format error, nothing critcal shows up.
Screen Test (Different screen sizes and browser)
- Screen
- 'div' element with 'map' id ... size changes when screen size is equivalent,
- (576px and below), map height will change to 400px
- (768px and below), map height will change to 300px
- (1024px and below), map height will change to 400px
- (1024px and below), map height will change to 600px
- 'div' element with 'map' id ... size changes when screen size is equivalent,
- The website is currently deployed on Github pages, and developed on AWS Cloud 9 IDE platform. Occasionally, I would perform some lightweight code edits using Microsoft Visual Studio Code.
-
Create a new repository for your project on your local computer.
git init . // initialize repo with all files git add . // add all files into local staging git status // check if any files are left out before commiting git commit -m "message" // commit change with message of your files into repo
-
Add your remote git link for uploading your files onto Github later on.
git remote add origin <your-remote-git-link> // add your remote repo link
-
Push your files onto your remote
git push -u origin master // upload your files into your remote repo
-
Should you have the interest to work the files offline, you can do so by cloning a copy.
git clone <remote-link> // Clone the selected repo offline
NOTE: All commits are pushed to master branch, as currently there is no intention of creating new branches.
- All contents on the website were written by me.
- Mountain bike icon for the navbar, taken from flaticon
This is for educational use.