Git Product home page Git Product logo

full-stack-ecommerce-web-app's Introduction

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.

full-stack-ecommerce-web-app's People

Contributors

arslanjajja1 avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

Forkers

vestigegroup

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.