This project consists of a Next.js frontend and an Express.js backend. The frontend displays stock data that is updated in real-time via a WebSocket connection to the backend.
- Node.js
- npm
- Navigate to the server directory:
cd server- Install dependencies:
npm install- Create a
.envfile in theserverdirectory with the following content:
MYSQL_HOST=*your_mysql_host*
MYSQL_USER=*your_mysql_user*
MYSQL_PASSWORD=*your_mysql_password*
MYSQL_DATABASE=*your_mysql_database*
- Start the server:
npm run devThe server will start on port 5000.
- Navigate to the client directory:
cd client- Install dependencies:
npm install- Start the frontend:
npm run devThe frontend will start on port 3000.
- Navigate to the server directory:
cd server- Run tests:
npm test- Simulated real-time stock data updates
- Add stocks to a watchlist
- Remove stocks from the watchlist
- Filter stocks by watchlist
- Next.js
- React
- Shadcn/ui
- React Query
- TypeScript
- JavaScript
- Express
- MySQL
- WebSocket
- TypeScript
- JavaScript
Distributed under the MIT License. See LICENSE for more information.