A demo application built in React.

Deployed here:http://stocksdemo.herokuapp.com)

What it does: Show real time stock market data (fake, random data, just to simulate) in the form of table and graphs

Subscribes to a Websocket(ws://stocks.mnet.website/) to fetch simulated stock market data.

Features:

• A table showing data for all the stocks
• Each row shows:
  • The latest stock price. (With color relative to the previous stock value)
  • A sparkline showing the changes in stock values (Without considering the time factor)
  • When was the specific stock last updated
• Market Trend arrow indicating how stock values behaved
• Ability to select any stocks, to be shown in the Graph
• Graphs can show historical values wrt time for any stocks selected
• Can zoom/pan over graph, Reset the zoom
• Clear history of all stocks with the click of a button
• Handles connection errors

Possible Enhancements: (See issues)

• An option to export the historical data of the selected stocks
• Show Highs and Lows of individual stocks
• A graph that can show aggregated condition for the overall market