Realtime SF Muni Bus map based on NextBus API.
Stack:
- React 16
- d3.js
- Redux-obrservable
- Webpack 3
- Babel 6
- SCSS modules
- React Router
- Connected Router (react router + redux)
- Redux DevTools
- Eslint
- Jest & Enzyme
- Express
All you need to do is clone this repository
git clone https://github.com/manideepbollu/mapbus-with-nextbus
Application is divided into two parts. One is pure React front-end, powered by webpack-dev-server in development mode.
To start this application run command below and open the app on http://localhost:8080
npm startTo verify the syntax quality, ESLint can be run, .eslintrc file is created in the root folder to configure the ESLint settings.
npm run eslintRunning npm run build will create production ready application into the dist folder. All you need to do is make this dist folder publicly available.
Included Express server is preconfigured to serve /dist folder. All you need to do is run npm run server on your production server. The same is happening automatically, when you deploy to Heroku (It executes this command from Procfile
This is also good to run on your local computer to ensure, that your application is running as it should.
Just use "deploy to heroku" button to deploy this project as your app on Heroku.
This project works with ReduxDevtool extension for chrome. Read more