Skip to content

Latest commit

 

History

History
60 lines (53 loc) · 1.55 KB

README.md

File metadata and controls

60 lines (53 loc) · 1.55 KB

This application has the following components:

  • Node.js server that loads GTFS and exposes an API with the subway stops.
  • Frontend App that shows all the stops on a map (developed using React framework).

To start the application, you need to build the dependencies in both directories (main one for server,
and mapapp for react app).

yarn install

cd to mapapp and yarn install

Then, in project directory run 'yarn start' and both server/client will start:

yarn start

Open http://localhost:3000 to view it in the browser.
Server listens to http://localhost:3001
A proxy is configured to link client/server.
The web app has been successfully tested in Chrome and Firefox.

Folder Structure

react/
  README.md
  node_modules/
  package.json
  data/
      GTRFs (text files)
  mapapp/
    node_modules
    public/
      assets/
        images/
          icon.png
      index.html
      manifest.json
    src/
      components/
        Map.js
      App.css
      App.js
      App.test.js
      index.css
      index.js
      markerstyle.css
      registerServiceWorker.js
    package.json
  server.js
  start-client.js

Files & Folders

  • server.js: Nodejs server.
  • start-client.js: script to run the client and be able to run client/server at the same time.
  • mapapp/: Client.
  • mapapp/public/index.html: page template;
  • mapapp/src/index.js: JavaScript entry point.
  • mapapp/src/App.js: Script app.
  • mapapp/src/App.css: css app.
  • mapapp/src/components/Map.js: Map component.
  • mapapp/src/markerstyle.css: css clustering.