Skip to content

This is the fully featured full stack ecommerce web application build using mern stack.

Notifications You must be signed in to change notification settings

ArslanJajja1/Full-stack-ecommerce-web-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

MERN Stack eCommerce Project

This MERN stack eCommerce project is a comprehensive web application that provides a complete solution for online shopping. It offers a wide range of features including user authentication, product management, advanced search options, cart functionality, payment integration, order management, user panel and admin panel.

The backend is deployed on heroku and the frontend is deployed on firebase.

Pages

Home Page

Home Page Image

Shop Page

Shop Page Image

Shop Page Search Feature

Shop Page Search Feature Image

Shop Page Advance Filtering Feature

Shop Page Advance Filtering Feature Image

Product Details Page

Product Details Page Image

Star Rating Feature

Product Details Page Image

Shopping Cart Page

Cart Page Image

Checkout Page

Checkout Page Image

Payment Page

Payment Page Image

User Order Tracking Page

User Order Tracking Page Image

User Dashboard

User Dashboard Page Image

Wishlist Page

Wishlist Page Image

Password Update Page

Password Page Image

Admin Dashboard

Admin Dashboard Page Image

Order Tracking Page In Admin Dashboard

Admin Order Tracking Page Image

Product Create Page In Admin Dashboard

Admin Product Create Page Image

Product Update Page In Admin Dashboard

Admin Product Update Page Image

Products Management Page In Admin Dashboard

All Products Page Image

Categories Management Page In Admin Dashboard

Categories Management Page Image

Subcategories Management Page In Admin Dashboard

Subcategories Management Page Image

Coupons Management Page In Admin Dashboard

Coupons Management Page Image

User Registration Page

User Registration Page Image

User Email Confirmation For Registration

User Email Confirmation Page Image

User Registration Complete Page

User Registration Page Image

User Login Page

User Login Page Image

Forgot Password Page

Forgot Password Page Image

Features

  • Login Registration System:

    • Users can register and log in using their email and password.
    • Social login with Google authentication is also available.
  • Admin Dashboard and Order Management System:

    • An admin dashboard allows for easy management of products, orders, categories, subcategories and coupons.
    • Order management system enables efficient order tracking and processing.
  • Products CRUD with Advanced Features:

    • Full CRUD (Create, Read, Update, Delete) functionality for managing products.
    • Support for categories, sub-categories, and multiple image uploads.
    • Product details include descriptions, pricing, and stock availability.
  • Advanced Searching and Filtering:

    • Plenty of advanced searching and filtering options to help users find desired products quickly.
    • Search by keywords, categories,subcategories, price range, colors, brands and shipping .
  • Star Rating System:

    • Users can rate and provide feedback on products using a star rating system.
  • Cart Functionality:

    • Users can add products to their cart, view cart contents, and update quantities.
    • Cart functionality is implemented on both the frontend and backend.
  • Checkout with Payment Integration:

    • Secure checkout process with payment integration using Stripe for credit card payments.
    • Cash on delivery option available for users who prefer offline payment.
  • User Dashboard:

    • User dashboard provides features such as password update, purchase history, and invoice/PDF downloads.
  • Deployment:

    • The application can be easily deployed on Heroku for live production use.

Installation and Usage

  1. Clone the repository: git clone https://github.com/ArslanJajja1/Full-stack-ecommerce-web-app.git

  2. Install dependencies: cd repo-name npm install

  3. Set up environment variables:

  • Rename the .env.example file to .env.
  • Update the necessary configuration values in the .env file.
  1. Start the development server: npm start

  2. Open your browser and access the application at http://localhost:3000.

Contribution

Contributions to this project are welcome. If you encounter any issues or have suggestions for improvement, please create a new issue or submit a pull request.

License

This project is licensed under the MIT License.

About

This is the fully featured full stack ecommerce web application build using mern stack.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published