NeoByte [e-commerce website]

An advanced e-commerce platform built with a modern tech stack, featuring user authentication, product management, order processing, and payment integration.

Table of Contents

• Features
• Tech Stack
• Setup Instructions
• Folder Structure
• Key Functionalities
• Scripts
• Future Enhancements

---

Features

• User Authentication: Secure login, registration, and logout functionality with JWT.
• Admin Dashboard: Manage users, products, and orders.
• Product Management: Add, update, delete, and filter products.
• Shopping Cart: Add items to the cart, update quantities, and proceed to checkout.
• Order Management: Place orders, view order history, and track delivery status.
• Payment Integration: Integrated payment gateway (e.g., SSLCommerz).
• Responsive Design: Fully responsive UI for all devices.

Video Demo

YouTube Video Link: NeoByte YT Demo Video

Screenshots

Home Page

Shop Page

Product Details Page

Favourite Products Page

Login Page

Registration Page

User Navigation Links (After Login)

User Profile Page

User Orders Page

Admin Pages

Admin Dashboard

Admin Add Product Page

Admin All Products Page

Admin Manage Categories Page

Admin Oder List Page

Admin User List Page

Shopping Cart Page

Order Shipping Address Form

Order Review before payment

Payment Section

---

Tech Stack

Frontend:

• React.js (with Vite)
• Redux Toolkit for state management
• TailwindCSS for styling
• React Router for navigation

Backend:

• Node.js with Express.js
• MongoDB with Mongoose
• JWT for authentication
• Bcrypt.js for password hashing

Other Tools:

• Formidable for file uploads
• SSLCommerz for payment processing
• Concurrently for running frontend and backend together

---

Setup Instructions

Prerequisites:

• Node.js and npm installed
• MongoDB installed and running locally or on a cloud service
• SSLCommerz credentials (for payment integration)

Steps:

1. Clone the repository:

   git clone <repository-url>
   cd E-Commerce-Project

2. Install Dependencies

   npm i
   cd forntend
   npm i

3. Create .env file and define your environment variables

   PORT = <local port>
   MONGO_URI = <your db uri>
   JWT_SECRET = <your jwt secret>
   NODE_ENV = <your develop key>
   STORE_ID = <sslcmz store id>
   STORE_PASSWORD = <sslcmz store password>
   

4. Run Code [only backend]

   npm run backend

5. Run Code [project]

   npm run dev

---

Thanks for reading 😊.