Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dennislo/outofview
Bus stop app
https://github.com/dennislo/outofview
Last synced: about 2 months ago
JSON representation
Bus stop app
- Host: GitHub
- URL: https://github.com/dennislo/outofview
- Owner: dennislo
- Created: 2014-09-09T15:27:13.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2015-11-10T10:36:57.000Z (about 9 years ago)
- Last Synced: 2024-10-31T05:52:19.248Z (3 months ago)
- Language: JavaScript
- Size: 480 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Bus Stop App
Create a bus stop look up application using an REST API, Google Maps, Google Geocoding API.# Getting Started
## Running App```
git clone [email protected]:dennislo/outofview.git
npm install
bower install
grunt serve
```Once app is started follow the instructions inside app to perform a search for bus stops
* Building 'production' deployable package from source
```
grunt build
```Once build finishes then copy `dist` folder output to your web server
## Using app
Instructions:
1. Type in a London Borough or Postcode in the input textbox
2. Click the "Go!" button and wait for the app to load closest surrounding bus stops
3. Select a bus stop "red dot" on the map to view and click "View Departures"![Image of instructions](https://raw.githubusercontent.com/dennislo/outofview/master/app/images/instructions.png)
# Information / Notes
**NOTE:** Transport API does not have CORS support, therefore app currently uses mocked Transport API responses.
## Author
* Name: Dennis Lo
* Email: [email protected]## Technologies Used
* HTML5: session storage
* CSS3 + SASS
* ECMAScript 5.1 (Javascript)
* Yeoman
* Grunt
* Bower## Frameworks
* AngularJS
* Bootstrap## APIs
* Google Maps API: https://developers.google.com/maps/documentation/javascript/tutorial
* Google Geocoding API: https://developers.google.com/maps/documentation/geocoding/
* Transport API: http://transportapi.com/v3/uk/bus/stops/bbox.json and http://transportapi.com/v3/uk/bus/stop/busAtcoCode/live.json'## Potential improvements - if time permitted
* Remove JSON response mocks, as the Transport API does not support CORS e.g. enable dynamic look up of bus stops
* Add 'real' unit tests using jasmine/karma e.g. test driven development
* Add validation to input box e.g. prevent submission on empty
* Add loading spinners for AJAX calls e.g. indicate processing