Real-time-Stock-Price-Chart

Requirements

1. A simple form to add stocks to the list

2. Display list of added stocks

This can be a simple unordered list.

3. Display stock price in chart

You can use any charting library. The example uses Google Charts. Display the prices in a suitable chart format.

4. Use a real-time stock reporting API

You can use any real-time stock reporting API. The example uses IEX. There are several free stock market APIs to choose from ( Finnhub.io, Tiingo, Alpha Vantage ). Read the documentation and figure out the most efficient way to access stock data for multiple stocks.

5. Real-time updates

Update prices every 5 seconds in the chart. Remember that the stock market operates only at certain times of the day and is closed on holidays. The real-time update should be clearly visible so display the price on the chart (see screencast).

6. No need to be pixel perfect!

Your submission does not need to be an exact visual match to the example. We are looking for functionality and coding skills. Take some creative license to showcase your skills if you want but minimalism and coding elegance is primary.

Implementation and submission

Single page client-side app (SPA)

The easiest option would be to develop this as a SPA using HTML and Javascript (example used less than 10 lines of HTML, less than 50 lines of Javascript and no custom CSS). Use jsFiddle, JS Bin or other suitable environment to build and submit.

Libraries

Use any external libraries that you require.

Other technologies

You are free to implement this using other technologies that you are familiar with, including server-side. Please send your code with the submission if you take this route but you should deploy the live app to a cloud environment and submit a URL as we will not be building and running your code.

Programming Languages / Technologies used - HTML, JavaScript, Google Charts, AWS.