An open API service indexing awesome lists of open source software.

https://github.com/jenil-desai/zerodha-clone

Clone of the popular stock trading platform Zerodha built using the MERN stack. This project aims to replicate key features including real-time stock updates, user authentication, and portfolio management.
https://github.com/jenil-desai/zerodha-clone

bootstrap expressjs material-ui mongodb nodejs react

Last synced: about 1 month ago
JSON representation

Clone of the popular stock trading platform Zerodha built using the MERN stack. This project aims to replicate key features including real-time stock updates, user authentication, and portfolio management.

Awesome Lists containing this project

README

        

# 🌐 Zerodha Clone

Welcome to **Zerodha Clone**! This repository includes a clone of the popular stock trading platform, built using the MERN stack.

---

## 📑 Table of Contents

1. [Overview](#-overview)
2. [Technologies](#-technologies)
3. [Packages & Libraries Used](#-packages--libraries-used)
4. [Getting Started](#-getting-started)
5. [Setup](#-setup)
6. [Features](#-features)
7. [Demo & Screenshots](#-demo--screenshots)
8. [Acknowledgments](#-acknowledgments)
9. [License](#-license)

---

## 🌟 Overview

**Description**: A clone of the popular stock trading platform, Zerodha, built using the MERN stack.

---

## 💻 Technologies

Below is a breakdown of the core technologies used in this project.

| 🌐 Web |
| ------------ |
| **React.js** |
| **Node.js** |
| **MongoDB** |

---

## 📦 Packages / Libraries Used

This project uses the following essential libraries and packages:

| Package / Library | Purpose |
| ------------------ | ----------------------------- |
| `Bootstrap 5.3` | Responsive design |
| `Material UI` | UI Components |
| `Express.js` | Backend framework |
| `Mongoose` | MongoDB object modeling |
| `Bcrypt` | Password hashing |
| `Jwt` | JSON Web Token |
| `Charts.js` | Data visualization |
| `Axios` | HTTP client |
| `React Router Dom` | Client-side routing |
| `Passport` | Authentication |
| `cors` | Cross-origin resource sharing |
| `Body-Parser` | Body parsing middleware |

---

## 🚀 Getting Started

Follow these steps to set up the project in your local environment:

1. Clone the repository:
```bash
git clone https://github.com/Jenil-Desai/zerodha-clone.git
```
2. Install dependencies for Backend, Frontend, and Dashboard.

```bash
cd backend
npm install
```

```bash
cd ../dashboard
npm install
```

```bash
cd ../frontend
npm install
```

3. Configure environment variables for the backend. Create `.env` in the `backend` folder with following :
```env
PORT=3000
MONGO_URL="Your Mongo Database Url"
secret="Your Unique JWT Secret"
```
4. Run the web application:
```bash
npm start
```

---

## ⚙️ Setup

1. Go to `localhost:3000`.
2. Register a new user.
3. Explore the dashboard.

---

## 🎯 Features

Explore the unique features available in this application:

- **User Authentication**
- **User Authorization**
- **Orders Page**
- **Dashboard**
- **Frontend Clone**

---

## 🔗 Demo & Screenshots

- [Demo](https://zerodha-clone-frontend.vercel.app)
- UserName : Demo
- Password : Demo

| Mock Up | Home Page | Dashboard | About Page |
| ---------------------------------- | ------------------------------------- | -------------------------------------- | ---------------------------------- |
| ![Mockup](./Screenshot/mockup.png) | ![Mockup](./Screenshot/Homepage.jpeg) | ![Mockup](./Screenshot/Dashboard.jpeg) | ![Mockup](./Screenshot/About.jpeg) |

| Products Page | Pricing Page | Support Page |
| ------------------------------------ | ------------------------------------ | ------------------------------------ |
| ![Mockup](./Screenshot/Product.jpeg) | ![Mockup](./Screenshot/Pricing.jpeg) | ![Mockup](./Screenshot/Support.jpeg) |

---

## 🙏 Acknowledgments

We’d like to thank the following contributors and resources:

- **[Apna College's Delta 3.0 Course](https://www.apnacollege.in/)** - Course resource.

---

## 📜 License

This project is licensed under the [MIT License](LICENSE). See the [LICENSE](LICENSE) file for details.

---

### Enjoy exploring and contributing to Zerodha Clone!