A Full Stack MERN E-Commerce App

⚙️ Tech Stack

• Vite+React
• Redux + Thunk
• MongoDB
• JWT Authentication
• Node.js Express.js
• JavaScript
• TailwindCSS

🔋 Features

👉 Product Display Page: Allow users to search for products based on product title and sort by price combined with pagination.

👉 Edit and Create Products: Vendors have the ability to edit their created properties at any time and edit them when needed.

👉 Product Detail Page: Each product gets a dedicated page showcasing product details.

👉 View Cart: Users can view the products added to cart and total price, add/remove products from cart.

👉 JWT Authentication: Enable secure authentication using JWT, ensuring a streamlined and trustworthy login experience.

👉 Responsive Website: Develop a fully responsive website to ensure optimal user experience across various devices, from desktops to smartphones

🤸 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:

• Git
• Node.js
• npm (Node Package Manager)

Cloning the Repository

git clone https://github.com/binhuiyun//eCommerce-React.git
cd /eCommerce-React/client

Installation

Install the project dependencies using npm:

npm install

Set Up Environment Variables

Create a new file named .env in the root of your project and add the following content:

JWT_SECRET_KEY=
MONGODB_URI=

Replace the placeholder values with your actual credentials.

Running the Project

npm run dev

cd /eCommerce-React/server

node index.js

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