JSFiddle - React, Tailwind, and code Playground

by Andra Jimenez

HTML

<div id="placeholder"></div>

JavaScript

//Final project draft 3 Bus Stops

function BusStops(json) {
    this.name = json.stops[1].name;
    //this.uri = json.stops[0];
}
BusStops.prototype.toString = function () {
    return this.name;
};


var BusStops = new BusStops({
    "stops": [{
        "uri": "finch_station_bishop_entrance",
        "name": "Finch Station Bishop Entrance",
        "routes": [],
        "agency": "Toronto Transit Commission"
    }, {
        "uri": "finch_station_bus_bay",
        "name": "Finch Station Bus Bay",
        "routes": [{
            "uri": "36_finch_west",
            "route_group_id": "32",
            "stop_times": [{
                "service_id": 1,
                "shape": "36D Finch West To Weston Road And Milvan",
                "departure_timestamp": 1402599369,
                "departure_time": "2:56p"
            }, {
                "service_id": 1,
                "shape": "36A Finch West To Kipling",
                "departure_timestamp": 1402599489,
                "departure_time": "2:58p"
            }, {
                "service_id": 1,
                "shape": "36B Finch West To Humberwood",
                "departure_timestamp": 1402599489,
                "departure_time": "2:58p"
            }, {
                "service_id": 1,
                "shape": "36A Finch West To Kipling",
                "departure_timestamp": 1402600029,
                "departure_time": "3:07p"
            }, {
                "service_id": 1,
                "shape": "36B Finch West To Humberwood",
                "departure_timestamp": 1402600029,
                "departure_time": "3:07p"
            }, {
                "service_id": 1,
                "shape": "36D Finch West To Weston Road And Milvan",
                "departure_timestamp": 1402600089,
                "departure_time": "3:08p"
            }, {
                "service_id": 1,
                "shape": "36B Finch West To Humberwood",
                "departure_timestamp": 1402600389,
            ...