Check out the application at https://reactstocksearch.netlify.app.
This stock market inspired web application allows users to search for any publicly traded US stock, provided that it is available on the Investors Exchange (IEX). Users will be able to search for a specific stock by entering the company's ticker symbol. The application will then make an API request to retrieve the market data on that stock through the IEXCloud API. Due to the limited API credits, the data that is requested will contain the latest stock quote, intraday price movement, company information & description, and the most recent news article. The chart for intraday price movement was created using Apexcharts and React-Apexcharts.
NOTE: Due to the IEXCloud API's free tier restrictions, historical price data is not included in the price movement chart. The intraday price data may also be incomplete (e.g. missing market data for short intervals of time throughout the day) which may cause breaks in the chart.
- Implement search history functionality that will display as a dropdown when the searchbar is in focus
- Find a free third-party API that provides historical market data to include historical prices in the chart
- Add click events on chart to determine starting and ending data point to calculate statistics (i.e. price change, percent change, etc)