SF-Transit App

This is a simple React JS starter application to visualize the transit routes of San Francisco using d3.js by consuming the NextBus API.

Sample Demo. You will have to enable 'load unsafe scripts' option in your browser.

How to run

1. Clone the project to local machine using the command git clone https://github.com/jerisalan/transit-app.git
2. Install the dependencies using the command npm install
3. To start the application, issue the following command npm start

Features

1. Simple visualization of all SF-Muni vehicles along their routes
2. Select only a subset of routes to be displayed
3. Hover on vehicles to display more information

TODOs

1. Draw the bus routes in addition to their locations
2. Pan and zoom functionality of the SF Map

Issues

1. Updating locations at regular intervals does not always work. Some minor bug needs to be fixed.
2. Dynamically resize the layout on window resize is not yet implemented.

Learnings

1. Getting started with React JS framework
2. Honing of d3.js skills