MyPitit / LiveDepartureBoard

Live departure board mock-up developed with React and Redux.

Live Departure Board

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"
        }
    ]
}

Languages and tools

• JavaScript
• React
• Redux
• Karma, mocha and Istanbul for testing
• Webpack
• Node, Express
• Babel
• Foundation and SASS

How to run this application

• In your terminal type: $ git clone [e-mail]: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/

• This what you should see:

Tests

If you wish to see the tests running, type in your terminal: npm test