Dark Mode

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

Sign up
Appearance settings

adarshupadhyay21/fullstack-ecommerce

Folders and files

NameName
Last commit message
Last commit date

Latest commit

History

26 Commits

Repository files navigation

ShopEase - Full-Stack E-Commerce Website

ShopEase is a fully functional e-commerce platform built with the MERN stack (MongoDB, Express, React, Node.js). It includes essential e-commerce features like product browsing, filtering, user authentication, order management, and an integrated payment gateway using Stripe. An admin panel is also provided for managing products and orders efficiently.


Features

User Features

  • Home Page - Browse featured and new products.
  • Product Listing - View all products with filters for category, price, and more.
  • Cart Management - Add, remove, and adjust quantities in the cart.
  • Secure Checkout - Make payments using Stripe.
  • Order History - View past orders and their status.
  • User Authentication - Register, login, and manage profile.

Admin Features

  • Manage Products - Add, update, and delete products.
  • Order Management - View all orders and update their status.
  • Category Management - Create and manage product categories and subcategories.

Tech Stack

Frontend:

  • React (with Hooks and Context API)
  • Redux for state management
  • Axios for HTTP requests

Backend:

  • Node.js
  • Express.js
  • MongoDB (Mongoose ORM)

Payment Integration:

  • Stripe Payment Gateway

Authentication:

  • JWT (JSON Web Tokens)
  • bcrypt for password hashing

Installation

1. Clone the Repository


git clone https://github.com/adarshupadhyay21/shopease.git
cd shopease

2. Install Dependencies

Frontend


cd client
npm install

Backend


cd server
npm install

3. Create a .env file in the /server folder

Add the following environment variables:


MONGO_URI=
JWT_SECRET=
STRIPE_SECRET_KEY=

4. Start the Development Server

Backend:


cd server
npm run dev

Frontend:


cd client
npm start


Usage

  1. Open http://localhost:3000 in your browser.
  2. Register or log in to explore the platform.
  3. Add products to the cart and proceed to checkout using Stripe.
  4. Admins can access the admin panel at /admin.

Screenshots

Home Page Product Page Admin Panel

Future Improvements

  • Add product reviews and ratings
  • Implement order tracking and delivery status updates
  • Enhance user profile with more customization options

Contributing

Contributions are welcome! Feel free to fork the repo and submit a pull request.


License

This project is licensed under the MIT License.


If you like this project, give it a star!

About

ShopEase is a fully functional e-commerce platform built with the MERN stack (MongoDB, Express, React, Node.js) with Admin Dashboard

Topics

Resources

Readme

Stars

Watchers

Forks

Releases

No releases published

Packages

Contributors

Languages