An open API service indexing awesome lists of open source software.

https://github.com/muuhesham/ecommerce-website

NTI Graduation Project: A MEAN Stack e-commerce website (GEN-Z STORE)
https://github.com/muuhesham/ecommerce-website

angular backend ecommerce-website expressjs frontend mean-stack mongodb nodejs restful-api

Last synced: 2 months ago
JSON representation

NTI Graduation Project: A MEAN Stack e-commerce website (GEN-Z STORE)

Awesome Lists containing this project

README

          

# NTI GRADUATION PROJECT - GEN-Z STORE

Welcome to **GEN-Z STORE** – A e-commerce website built using the MEAN stack, designed for Gen-Z customers. represents a culmination of the skills and knowledge gained throughout the training. 🚀

---

## 💠 Technologies Used
This project is powered by the **MEAN Stack**:
- **Node.js**
- **Express.js**
- **MongoDB**
- **Angular**

---

## ✨ Features
- **Restful APIs**: All operations exposed as RESTful APIs (products, user authentication, etc.).
- **Authentication**: Secure user sign-up, login, and logout with **bcrypt** for password hashing.
- **Authorization**: Role-based access control (Admin vs Customer).
- **JWT**: Token-based authentication using JWT.
- **CRUD Operations**:
- **Products**: `GET`, `POST`, `PUT`, `DELETE` for managing products.
- **Categories**: Organize products by categories.
- **File Upload**: Support for uploading product images.
- **Simple Dashboard**: Admin dashboard to manage products, orders, and users.

---
## 🖼️ Screenshots from the website
### Homepage
![Screenshot 2025-01-28 192907](https://github.com/user-attachments/assets/62736dbb-7e54-4c7f-9900-dec90434fca9)

### Products Page
![Screenshot 2025-01-28 192927](https://github.com/user-attachments/assets/2c422f31-1fd9-4253-855f-d624ed2577a0)

---

## ⚙️ Installation

Follow these steps to run the project locally:

### 1️⃣ Clone the Repository
```bash
git clone https://github.com/muuhesham/ecommerce-website.git
cd ecommerce-website
```

### 2️⃣ Install Dependencies
```bash
# For Backend
cd backend
npm install

# For Frontend
cd ../frontend
npm install
```

### 3️⃣ Start the Application
```bash
# Backend
cd backend
npm start

# Frontend
cd ../frontend
ng serve
```

### 4️⃣ Open the Website
Navigate to [http://localhost:4200](http://localhost:4200) to view the website.

---

## 🐂 Project Structure

### Backend
```
backend/
├── Routes/
├── Models/
├── Controllers/
├── Util/
├── imgs/
├── Config/
└── app.js

```

### Frontend
```
frontend/
├── src/
├── app/
├── components/
├── services/
└── app.module.ts
```

---

## 🖋️ Feedback
If you have any feedback or collaboration, feel free to reach out at [email](mailto:muhammedhesham488@gmail.com) or [Linkedin](https://www.linkedin.com/in/muhammed-hesham48/).