Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

MenathNDGD/MERN-Ecommerce

Open more actions menu

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

78 Commits
78 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🛒 MERN E-Commerce Website

Welcome to the MERN E-Commerce Website! This project is a feature-rich e-commerce application built using the powerful MERN stack, complete with an intuitive user-facing store and an all-encompassing admin dashboard.

✨ Features

🌟 User Frontend:

  • 🔒 Secure Authentication: Register, login, and manage user profiles effortlessly.
  • 🛍️ Product Exploration: Browse and search through an extensive product catalog with advanced filtering options.
  • 🛒 Shopping Cart: Add products to your cart, modify quantities, and proceed to a hassle-free checkout.
  • 💳 Seamless Payments: Make secure payments using Stripe integration.
  • 📦 Order Management: View order history, track deliveries, and manage returns with ease.

⚙️ Admin Dashboard:

  • 🛠️ Product Management: Add, update, or delete products with a user-friendly interface.
  • 📂 Category Management: Organize products into categories for better navigation.
  • 📑 Order Management: View, process, and update orders efficiently.
  • 👥 User Management: Manage user roles and access levels.

🛠️ Tech Stack

  • MongoDB: Robust NoSQL database for storing all application data.
  • Express.js: Fast and minimalistic backend framework.
  • React.js: Modern frontend library for building dynamic user interfaces.
  • Node.js: JavaScript runtime environment for running the backend.
  • Stripe: Integrated payment gateway for processing transactions.
  • JWT: JSON Web Tokens for secure user sessions.

🗂️ Folder Structure

/
|-- admin/            # React.js admin frontend code
|-- backend/          # Node.js backend code (Express.js)
|-- frontend/         # React.js frontend code
|-- .gitignore        # Files and folders to be ignored by Git
|-- README.md         # Project documentation

🤸 Quick Start

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

Cloning the Repository

git clone https://github.com/MenathNDGD/MERN-Ecommerce.git

Installation

Install the project dependencies using npm:

npm install

Set Up Environment Variables

/admin/.env
VITE_BACKEND_URL = "http://localhost:4000"
/backend/.env
MONGODB_URI =

CLOUDINARY_API_KEY =

CLOUDINARY_SECRET_KEY =

CLOUDINARY_CLOUD_NAME =

JWT_SECRET =

ADMIN_EMAIL = "admin@trendify.com" #For testing only

ADMIN_PASSWORD = "admin@123" #For testing only
/frontend/.env
VITE_BACKEND_URL = "http://localhost:4000"

Replace the placeholder values with your actual Appwrite credentials.

Running the Project

Admin Dashboard Running On:

cd admin
npm run dev

Backend Running On:

cd backend
npm run server

Frontend Running On:

cd frontend
npm run dev

Open http://localhost:5174 in your browser to view the admin dashboard.

Open http://localhost:400 in your browser to run the backend.

Open http://localhost:5173 in your browser to view the frontend project.

About

A full-featured eCommerce platform built using the MERN stack, providing a seamless shopping experience from browsing to checkout.

Topics

Resources

Stars

Watchers

Forks

Releases

Packages

Used by

Contributors

Languages

Morty Proxy This is a proxified and sanitized view of the page, visit original site.