Single page create-react-app with integrated dynamic table and range slider. This app utilizes json data from S&P 500 Index market data showing the years and returns since its inception in 1926 to present time in 2022.
Clone repository into empty folder on your computer. Navigate to "my-app" folder and install dependencies with "npm install" at command line.
run "npm start" from command line.
if your local browser does not open automatically please navigate to "localhost:3000" to view app.
Additional features to be done:
- adding additional text colors if return year is negative? i.e. "red".
- possible additional cumulative return data formatting
- theme toggle
React table and slider from Chakra UI component library. https://chakra-ui.com/ Data from https://www.slickcharts.com/sp500/returns
This project is licensed under the terms of the MIT license.