https://github.com/thezeeshann/ecommerce-mern

An open source e-commerce applcation build with mern stack
https://github.com/thezeeshann/ecommerce-mern

express-js mongodb nodejs reactjs redux-toolkit rtk-query

Last synced: 3 days ago
JSON representation

An open source e-commerce applcation build with mern stack

• Host: GitHub
• URL: https://github.com/thezeeshann/ecommerce-mern
• Owner: thezeeshann
• License: mit
• Created: 2023-10-21T14:09:44.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-09-11T16:36:56.000Z (2 months ago)
• Last Synced: 2024-09-12T01:41:49.164Z (2 months ago)
• Topics: express-js, mongodb, nodejs, reactjs, redux-toolkit, rtk-query
• Language: JavaScript
• Homepage:
• Size: 4.56 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Fullstack Ecommerce Application

![screencapture-localhost-3000-2024-09-11-21_34_![screencapture-localhost-3000-register-2024-09-11-22_01_20](https://github.com/user-attachments/assets/8f36afcd-e252-4ddd-a7ba-69abf35bf3e2)

51](https://github.com/user-attachments/assets/5375b5e1-4747-4d9d-8c4a-2208d4a498f8)

|1. Products Page |2. Single Product Page |

|:---:|:---:|

| ![Products Page](https://github.com/user-attachments/assets/5383dcca-e4b0-4fee-bade-effdf5face1f) | ![Single Product Page](https://github.com/user-attachments/assets/42037087-8d18-42eb-a4cf-ab4ef1001439)|

| 3. User Account | 4. Admin Account | 

| ![User Account](https://github.com/user-attachments/assets/83087893-10d5-4196-82bd-30b32a14700a) | ![Admin Account](https://github.com/user-attachments/assets/aca25e08-73a1-4153-a02d-e5bc40364a83)|

| 5. Login Page | 6. Register Page |

| ![Login Page](https://github.com/user-attachments/assets/9fefee49-e4ba-4cc4-941f-6048122c0034) | ![Register Page](https://github.com/user-attachments/assets/59c6b17c-6b8a-462b-b0fa-8c5049d64ade)|

## Tech Stack 💻

- **Framework:** [React.js](https://react.dev/)

- **Styling:** [Tailwind CSS](https://tailwindcss.com)

- **Database:** [MongoDB](https://www.prisma.io/)

- **UI Components:** [shadcn/ui](https://ui.shadcn.com)

- **File Uploads:** [Cloudinary](https://cloudinary.com)

- **State Management:** [Redux Toolkit](https://redux-toolkit.js.org/)

- **Data Fetching:** [RTK Query](https://redux-toolkit.js.org/rtk-query/overview)

- **Backend:** [Node.js](https://nodejs.org/en)

## Features

- 🔐 Authentication 

- 📑 CRUD operations with mern stack

- 🔍 Search & filter products

- 🛍️ Add to cart, and proceed to orders

- 🗃️ Image upload with Cloudinary

- ⭐ Clean UI using shadcn-ui

- 💳 Full admin dashboard

- 🛒 Locally persisted shopping cart

- ✅ Admins can verify products

## Installation

### 1. Clone the repository

```bash

https://github.com/thezeeshann/ecommerce-mern

```

### 2. Install dependencies

```bash

npm install

cd client npm install

cd ..

cd server npm install

```

### 3. Create a `.env` file

Create a `.env` file in the client & server root directory and add the environment variables as shown in the `.env.example` file.

### 4. Run the application

```bash

npm run dev

```

The application will be available at `http://localhost:3000`.