Skip to content

Latest commit

 

History

10 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📈 NovaTrade

A full-stack MERN portfolio project inspired by Zerodha.


📖 Overview

NovaTrade is a full-stack trading platform built to demonstrate modern web development concepts using the MERN stack.

This project focuses on implementing real-world backend and frontend architecture, authentication, REST APIs, database integration, CRUD operations, and responsive user interfaces.

Disclaimer: NovaTrade is a fictional trading platform created solely for educational and portfolio purposes. It does not provide real financial or investment services.


🚀 Features

Authentication

  • User Registration
  • User Login
  • JWT Authentication
  • Protected Routes
  • Logout Functionality

Backend

  • REST API Development
  • Express.js Server
  • MongoDB Atlas Integration
  • Database Relationships
  • Environment Variables
  • Secure Authentication

Database

  • MongoDB Atlas
  • Mongoose
  • User Collection
  • Orders Collection
  • CRUD Operations

Frontend

  • React.js
  • React Router
  • Axios
  • Component-Based Architecture
  • Responsive Layout

Functionality

  • User Authentication
  • Dashboard
  • Orders Management
  • Holdings Page
  • Positions Page
  • CRUD Operations
  • API Communication
  • JWT Authorization

🛠️ Tech Stack

Frontend

  • React.js
  • React Router
  • Axios
  • HTML5
  • CSS3
  • JavaScript (ES6)

Backend

  • Node.js
  • Express.js
  • MongoDB
  • Mongoose
  • JWT
  • bcrypt
  • dotenv
  • CORS

Testing

  • Jest

Tools

  • Git
  • GitHub
  • MongoDB Atlas
  • VS Code
  • Postman

📌 Project Status

This project is intended to showcase full-stack web development concepts rather than serve as a production-ready trading platform.

Implemented

  • JWT Authentication
  • Login & Signup
  • Protected Routes
  • CRUD Operations
  • REST APIs
  • MongoDB Integration
  • Database Relationships
  • Modern Dashboard
  • API Integration

Partially Implemented

Some sections such as Holdings and Positions currently use demonstration data and are not fully dynamic.

The goal of this project was to demonstrate the implementation of core MERN concepts instead of recreating every feature of a production trading platform.


📱 Responsiveness

Basic responsiveness has been implemented throughout the application.

Building a pixel-perfect responsive interface was not the primary objective of this project. The main focus was understanding full-stack architecture, backend development, authentication, APIs, and database design.


🎯 What I Learned

Through this project I gained practical experience with:

  • Full-Stack MERN Development
  • JWT Authentication
  • MongoDB Database Design
  • CRUD Operations
  • REST APIs
  • Client-Server Communication
  • React Architecture
  • Express.js
  • Git & GitHub
  • Real-world Project Structure

🔮 Future Improvements

  • Dynamic Holdings
  • Dynamic Positions
  • Live Market Data
  • Watchlist
  • Portfolio Analytics
  • Better Responsiveness
  • Testing with Jest
  • Performance Improvements

❤️ Inspiration

The design and overall product structure of NovaTrade are inspired by Zerodha.

This project was built purely as a learning exercise to understand how modern trading platforms are designed and developed.

Many UI ideas and layouts are inspired by Zerodha. Full credit goes to the Zerodha team for creating such a clean and intuitive platform that served as an excellent learning reference.

NovaTrade is not affiliated with Zerodha and was developed solely for educational and portfolio purposes.


⚠️ Disclaimer

NovaTrade is a fictional trading platform created for educational and portfolio purposes only.

  • It does not provide real trading or investment services.
  • Please do not enter sensitive personal or financial information.
  • Any pricing, market data, or trading functionality shown is for demonstration purposes only.
  • NovaTrade will never request passwords, OTPs, banking details, or payment information.

👨‍💻 Developer

Saim

Aspiring Full-Stack Web Developer

This project represents my journey in learning modern web development through practical implementation using the MERN stack.

I continue to improve this project as I learn new technologies and build more industry-level applications.


⭐ Thank you for visiting this project!

About

Full Stack MERN Trading Platform | React | Node.js | Express | MongoDB | JWT | Jest|

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages