This Next.js 14 application analyzes and visualizes stock price data for multiple tech companies using TypeScript, focusing on server actions for data processing and basic data visualization.
- Fetch stock data for selected tickers and date ranges.
- Calculate daily returns.
- Display data in both tabular and chart formats.
- Compare stocks side by side.
- Next.js 14 with TypeScript
- Tailwind CSS for styling
- Chart.js via
react-chartjs-2
for data visualization - Jest and React Testing Library for testing
First, install the dependencies
npm install
Run the development server:
npm run dev
To run the test:
npm run test
- Select a ticker from the tickers option dropdown.
- Select the date ranges you want
- Click on the
Analyze
button to display data
Open http://localhost:3000 with your browser to see the result.