This is a simple React and Redux
application, mocking a supplied live departure board data and reproduces the mock-up image listed below:
{
"journey": {
"origin": "London Euston",
"destination": "Manchester Piccadilly",
"scheduled": "14:00"
},
"callingPoints": [
{
"station": "London Euston",
"scheduled": "14:00",
"expected": "14:00",
"actual": "14:00",
"platform": ""
},
{
"station": "Stoke-On-Trent",
"scheduled": "15:25",
"expected": "15:35",
"actual": "15:35",
"platform": "2"
},
{
"station": "Macclesfield",
"scheduled": "15:41",
"expected": "15:50",
"platform": "1"
},
{
"station": "Stockport",
"scheduled": "15:56",
"expected": "16:03",
"platform": "3"
},
{
"station": "Manchester Piccadilly",
"scheduled": "16:07",
"expected": "16:11",
"platform": "7"
}
]
}
- JavaScript
- React
- Redux
- Karma, mocha and Istanbul for testing
- Webpack
- Node, Express
- Babel
- Foundation and SASS
-
In your terminal type:
$ git clone git@github.com:MyPitit/LiveDepartureBoard.git
-
Install npm dependencies:
$ npm install
-
Run webpack:
$ webpack
or$ webpack -w
if you want to keep refreshing -
In another tab run the server:
$ node server.js
-
Now open a new tab in your browser and visit:
http://localhost:3000/
If you wish to see the tests running, type in your terminal:
npm test