Skip to content

cllei12/gas-price-dashboard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Gasoline Price Dashboard

Architecture

image-20220812142752481

Dashboard Demo

img

img

Require

server

>> npm list
./server
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
└── [email protected]

client

All lib were loaded in index.html without build tools, like node.

  • bootstrap5
  • bootstrap-select
  • chart.js

Get started

  1. Install all dependency of

    npm install
  2. Create an .env file in server folder for connecting AWS RDS MySQL instance

    Note: you may have no access to our database. If you want more details about this step, feel free to contact me.

    PORT=
    HOST=
    DB_PORT=
    USERNAME=
    PASSWORD=
    DATABASE=
    
  3. Go to ./server and run the server

    npm start
  4. Go to ./client and open the front-end web

Server API Explanation

http://localhost:4999/gasoline?desp=all&scope=cities&col=LosAngeles,NewYorkCity&start=2022-01-01&end=2022-01-31

  • desp:
    • all: "gasoline"
    • mid: "midgrade"
    • pre: "premium"
    • reg: "regular"
  • scope:
    • US
    • states
    • cities
  • col:
    • states
      • California, Colorado, Florida, Massachusetts, Minnesota, NewYork, Ohio, Texas, Washington
    • cities
      • Chicago, Cleveland, Denver, Houston, LosAngeles, Miami, NewYorkCity, SanFrancisco, Seattle
  • start
  • end

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published