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

git clone https://github.com/muuhesham/ecommerce-website.git
cd ecommerce-website

2️⃣ Install Dependencies

# For Backend
cd backend
npm install

# For Frontend
cd ../frontend
npm install

3️⃣ Start the Application

# Backend
cd backend
npm start

# Frontend
cd ../frontend
ng serve

4️⃣ Open the Website

Navigate to 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 or Linkedin.