E-Commerce Web Application (Backend + Frontend)

This is a full-stack e-commerce web application built using the MERN stack (MongoDB, Express.js, React.js, Node.js). The application allows users to browse products, add them to a cart, and make purchases. It also includes an admin panel for managing products, orders, and users. You can also filter based on category and sort ont basis of price

Features

User authentication and authorization (JWT)
Product browsing and search functionality
Shopping cart management
Order placement and payment integration
Admin panel for product, order, and user management

Link to live demo

Technologies Used

Frontend: React.js, Context API, Tailwind-CSS, Axios
Backend: Node.js, Express.js, MongoDB, Mongoose
Authentication: JSON Web Token (JWT)
Payment Integration: PayPal API / Stripe API
Deployment: Render, Netlify

Getting Started

Prerequisites

Ensure you have the following installed on your system:

+ Node.js (v14.x or higher) + npm (v6.x or higher) + MongoDB (local or MongoDB Atlas)

Folder Structure

E-Commerce-Backend-Frontend/
├── backend/
│   ├── config/
│   ├── controllers/
│   ├── models/
│   ├── routes/
│   ├── utils/
│   ├── .env
│   ├── server.js
│   └── package.json
├── frontend/
│   ├── public/
│   ├── src/
│   │   ├── Component/
│   │   ├── Context/
│   │   ├── Pages
│   │   ├── App.js
│   │   └── main.js
│   └── package.json
└── README.md

Some Api's

For Get All Products: https://ecommerce-backend-27wa.onrender.com/allproducts

For Getting Popular In Women Category: https://ecommerce-backend-27wa.onrender.com/popularinwomen

For Getting New Collection: https://ecommerce-backend-27wa.onrender.com/newcollections

For Filter Products By Category: https://ecommerce-backend-27wa.onrender.com/search/women

For Filter Products By Category: https://ecommerce-backend-27wa.onrender.com/search/men

For Filter Products By Category: https://ecommerce-backend-27wa.onrender.com/search/kids

For Demo video Click here

Ecommerce.Web.App.mp4