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)
- Host: GitHub
- URL: https://github.com/muuhesham/ecommerce-website
- Owner: muuhesham
- Created: 2025-01-12T23:17:39.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-28T18:09:41.000Z (over 1 year ago)
- Last Synced: 2026-01-03T14:25:14.986Z (5 months ago)
- Topics: angular, backend, ecommerce-website, expressjs, frontend, mean-stack, mongodb, nodejs, restful-api
- Language: TypeScript
- Homepage:
- Size: 7.08 MB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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

### Products Page

---
## ⚙️ 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/).