shuttle-search.js is a webapp written in CoffeeScript, SASS, and HTML5, which interfaces with dropbox.js for global data storage. The webapp is two-fold: 1) it is an easy-to-maintain visualization tool for viewing employee addresses and arbitrary shuttle routes, and 2) it is a public transit directions recommendations interface that searches for directions by incorporating both existing public transit feeds that are available to Google and (private or semi-private) shuttle feeds that are not available to Google.
- Create a powered_by.js app in your Dropbox.
- Get your own API key. Create a "full permission" App. (TODO: I would like to change this in the future, but Dropbox does not allow for shared folders within the
Apps
namespace, so we must place and access our data files outside ofApps
.) - Copy the APP URL from
static web apps
to OAuth redirect URIs in the developer console for your newly created app. - Copy the source code to
/Apps/Static Web Apps/powered_by.js
in your Dropbox. - Create a Simple API Access key. Go to APIs & auth > APIs, and click to enable "Google Maps API v3". Go to APIs & auth > Registered apps > Register App > Web App > Browser Key. Copy the API key and replace the placeholder API key in
https://maps.googleapis.com/maps/api/js?key=GOOGLE_API_KEY&sensor=false
.
The application uses the following JavaScript libraries.
- dropbox.js for Dropbox integration
- less for CSS conciseness
- CoffeeScript for JavaScript conciseness
- jQuery for cross-browser compatibitility
The icons used in the application are all from the noun project.
The application follows a good practice of packaging its dependencies, and not hot-linking them.