Stock Market Dashboard

A real-time stock market dashboard application that allows users to track, analyze, and visualize stock prices with live updates.

Features

• User Authentication (Register/Login)
• Real-time Stock Price Updates
• Stock Search Functionality
• Watchlist Management
• Price Alerts
• Historical Price Charts
• Responsive Design
• Dark Theme

Tech Stack

Frontend

• React.js
• Material-UI
• Chart.js
• Socket.io-client
• Axios

Backend

• Node.js
• Express.js
• MongoDB
• Socket.io
• JWT Authentication
• Finnhub API

Setup Instructions

Prerequisites

• Node.js (v14 or higher)
• MongoDB (Make sure MongoDB service is running)
• Finnhub API Key (Get it from https://finnhub.io/)

Backend Setup

1. Navigate to the backend directory:

   cd backend

2. Install dependencies:

   npm install

3. Create a .env file in the backend directory with the following variables:

   PORT=5000
   MONGODB_URI=mongodb://localhost:27017/stock-dashboard
   JWT_SECRET=your-secret-key-here
   FINNHUB_API_KEY=your-finnhub-api-key-here
   FRONTEND_URL=http://localhost:3000
   

4. Start the backend server:

   npm run dev

Frontend Setup

1. Navigate to the frontend directory:

   cd frontend

2. Install dependencies:

   npm install

3. Create a .env file in the frontend directory with:

   REACT_APP_API_URL=http://localhost:5000
   REACT_APP_FINNHUB_API_KEY=your-finnhub-api-key-here
   

4. Start the frontend development server:

   npm start

5. Open your browser and visit http://localhost:3000

Important Notes

1. Make sure to replace your-finnhub-api-key-here in both .env files with your actual Finnhub API key
2. Ensure MongoDB is running before starting the backend server
3. The backend server must be running for the frontend to work properly

License

MIT