📈 StockSphere — MERN Stack Web Application

🧩 Project Overview

StockSphere is a stock tracking and portfolio management web application built using the MERN stack (MongoDB, Express, React, Node.js) and styled with BootStrap CSS. The platform enables users to monitor live market data, manage stock portfolios, and utilize a custom dashboard interface with secure user authentication. It includes admin tools, responsive UI, and supports scalable backend APIs.

---

🚀 Technologies & Packages Used

• MongoDB – NoSQL database for flexible stock & user data storage
• Express.js – Node.js web framework for backend APIs
• Node.js – JavaScript runtime environment for server-side logic
• React.js – Component-based frontend library
• BootStrap CSS – Utility-first CSS framework
• JWT (JSON Web Tokens) – Authentication & authorization
• Axios – Promise-based HTTP client
• React Router – SPA navigation and routing
• Mongoose – MongoDB object modeling for Node.js

---

✨ Key Features

• ✅ User Authentication with JWT
• 📊 Live Stock Data Tracking
• 💼 Portfolio Management
• 🧾 CRUD Operations for Stocks
• 🛠️ Admin Dashboard Panel
• 📱 Fully Responsive Design with Tailwind CSS
• 🔍 Clean and Modular Codebase

---

🛠️ Installation

1. Clone the Repository:

   git clone https://github.com/Mohit-Rajak/StockSphere.git
   cd chat-frontend

2. Install Dependencies: Frontend Folder :

   cd frontend
   npm install

3. Install Dependencies: Backend Folder :

   cd backend
   npm install

4. Install Dependencies: Dashboard Folder :

   cd dashboard
   npm install

5. Set Up Environment Variables:

   Configure the following environment variables by creating a .env file in the root of Forntend and Backend Folder:

   Backend Folder :

   VITE_BACKEND_URL=http://localhost:9000

   Replace the values with your specific configurations.

6. Run the Application:

   Frontend Folder :

   npm run dev

7. Open in Your Browser:

Open http://localhost:5173 in your web browser.

Project Structure

StockSphere/ ├── frontend/ │ ├── src/ │ ├── public/ │ └── package.json ├── backend/
│ ├── routes/ │ ├── controllers/ │ ├── models/ │ └── package.json ├── dashboards/ │ ├── src/ │ └── package.json ├── .gitignore └── README.md

Author

Mohit Rajak
Email: contact.mohitrajak022004@gmail.com
LinkedIn : https://www.linkedin.com/in/Mohit-rajak/

Thank You

Thank you for exploring Stock Market App! Your feedback is valuable. If you have any suggestions or thoughts, feel free to share them with us. 😊