/valley-stock

Single Page Web App that tracks valley companies' stock prices

Primary LanguageJavaScript

Valley-Stock

Valley Stock is a simple web app that conveniently tracks Silicon Vally public companies' stock prices in real time.

How

  1. Run locally
    i) run git clone https://github.com/shuchenliu/valley-stock.git
    ii) open index.html with any modern browser.

Or you can:

  1. Visit Vally Stock , which is publicly hosted via Github.io.

What

  1. There are 9 companies from 6 valley cities currently covered by Valley-Stock.
  2. The app offers a search-selection filter, which could be easily used to filter out target companies by city.
  3. Each marker is customized using company logo and is placed on the map where the company headquarter is located.
  4. When a company's marker or listing is clicked, map will automatically zoom in and pan to the marker and stock price tracker will appear.
  5. The tracker contains 2 types of prices repectively from last trading day and last trading minute.

"The snapshot"

Dependencies

Google Maps JavaScipt API v3.30

Semantic UI v2.2.12

jQUery v3.2.1 (for Semantic UI use only)

Alpha Vantage API

Font Awesome v4.7.0

All companies' logos are from respective official websites and are trademarks.

Known Issues

The Alpha Vantage API will sometimes:
1. throw invalid paramter error even if all parameters provided are valid and/or
2. return empty json even if API call has been properly issued.

These errors are handled. Please check browser console when encountered for more info.

Future Development

  1. Add interactive charts using D3 or HighCharts
  2. Rewrite application using ReactJS.