Zerodha Clone – Full Stack Trading Platform

The Zerodha Clone is a full-stack web application inspired by the popular trading platform Zerodha Kite. It replicates essential features such as user authentication, live market updates, portfolio tracking, and stock chart visualization. This project focuses on modern UI/UX, secure backend integration, and real-time data handling, making it a perfect project for learning MERN Stack and FinTech system design.

---

🚀 Features

• User Authentication (JWT-based): Secure signup and login with token-based authentication.
• Real-Time Stock Data: Fetches live market data using financial APIs.
• Portfolio Management: Add, view, and track investments easily.
• Interactive Charts: Candlestick and line charts for live stock visualization using Recharts / Chart.js.
• Responsive UI: Fully responsive and minimal UI inspired by Zerodha Kite.
• Transaction History: Displays previous buy/sell transactions.
• Watchlist: Users can create and manage a watchlist of favorite stocks.
• Dashboard Overview: Clean dashboard showing account balance, investments, and profit/loss.

---

🧠 Tech Stack

Frontend: React.js, Tailwind CSS, Chart.js, Axios
Backend: Node.js, Express.js
Database: MongoDB
Authentication: JWT (JSON Web Token)
API Integration: RapidAPI / Finnhub API for real-time stock data
Deployment: Vercel (Frontend), Render / Railway (Backend), MongoDB Atlas

---

🧩 System Architecture

1. Frontend (React + Tailwind):
   • Handles user interface, routing, and API calls.
   • Uses React hooks and context for state management.
2. Backend (Express + Node):
   • RESTful APIs for authentication, portfolio management, and stock data fetch.
   • Validates all requests using middleware.
3. Database (MongoDB):
   • Stores user profiles, transactions, and portfolio data.
4. External APIs:
   • Fetches real-time stock market data for visualization and updates.

---

🔒 Authentication & Security

• JWT-based authentication and session management.
• Passwords hashed using bcrypt.
• Secure API endpoints with proper validation.
• CORS enabled for safe communication between frontend and backend.

---

📊 Key Modules

• Login / Signup Page – User registration and login system.
• Dashboard – Displays user’s funds, portfolio summary, and stock updates.
• Watchlist – Track multiple stocks in one place.
• Trade Page – Buy/sell mock trades for learning and simulation.
• Profile – Manage user settings and preferences.

---

🛠️ Installation & Setup

# Clone the repository
git clone https://github.com/<your-username>/zerodha-clone.git

# Navigate to the project directory
cd zerodha-clone

# Install dependencies
npm install

# Start the backend
cd backend
npm start

# Start the frontend
cd ../frontend
npm start

🖼️ Screenshots

🏠 Landing Page

📊 Dashboard

📈 Live Charts

🔐 Login Page

---

🌐 Future Enhancements

• Add real-time trading simulation using WebSockets.
• Integrate voice commands for stock search.
• Add advanced chart tools and indicators.
• Implement notifications for stock price alerts.
• Enable paper trading with virtual money.

---

🤝 Contribution

Contributions are welcome!
If you’d like to improve UI, fix bugs, or add new features, feel free to fork the repo and create a pull request.

---

📄 License

This project is licensed under the MIT License – free for educational and learning purposes.

---

🧑‍💻 Developed by: Veerendra Kumar

Computer Science Engineering (Cybersecurity) | B.Tech
Zerodha Clone – Learn Stock Trading Through Code