Skip to content

mpadillaruiz/transit_test_react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published