CS308 Project - Noire Vogue

This is team 9's repository for CS308 (Software Engineering) course project, for the 2025 Spring semester, at Sabanci University.

---

Overview

Our website is a clothing e-commerce website named Noire Vogue ✨, built with:

1. ReactJS and Material-UI for the frontend.
2. Node.js for the backend.
3. MySQL as the database.

---

Demo Videos

Customer's View

The video below demonstrates what a typical visitor/customer would come across upon entering our website:

cs308_customer.mp4

Product Manager's View

This video shows what the product manager can view and perform:

cs308_product_manager.mp4

Sales Manager's View

Here, you can see what the sales manager can do:

cs308_sales_manager.mp4

Extra

The last video shows our 2 pages for "About" and "Contact Us".

cs308_extra.mp4

---

Code Structure

The architecture for our project is the Model View Controller (MVC), where given a request from the frontend, it gets passed along as:

frontend -> route -> controller -> model -> database

And the response will traverse the same path from the DB back to the webpage.

cs308-project/
├── backend/
│   ├── invoices/              # For invoice-related files
│   ├── src/
│   │   ├── config/            # Configuration files (e.g., database.js)
│   │   ├── controllers/       # Handles business logic for routes
│   │   ├── database/          # Database-related scripts or utilities
│   │   ├── middleware/        # Middleware functions for request handling
│   │   ├── models/            # Database models
│   │   ├── routes/            # API route definitions
│   │   └── server.js          # Main backend server file
├── frontend/
│   ├── node_modules/          # Dependencies installed via npm
│   ├── public/
│   │   └── index.html         # Main HTML file for the React app
│   ├── src/
│   │   ├── components/        # Reusable React components
│   │   ├── pages/             # Page-level components
│   │   ├── utils/             # Utility functions
│   │   ├── App.js             # Main React app component
│   │   └── index.js           # Entry point for the React app
├── docker-compose.yml         # Docker compose file for running the whole project
├── instructions.md            # Project setup and usage instructions
├── script.sh                  # Bash script to run the project (alternative to Docker)
└── README.md                  # Project overview and documentation

---

People

The team members:

1. Kourosh Sharifi ,
2. Zeynep Merve Yaman
3. Reyhan Turhan
4. Nur Ayca İlhan
5. Arif Kemal Sarı
6. Mervan Yusuf Gür

The TA assigned to team 9 was Mr. Kağan Gülsüm. The instructor of this course was Mr. Ahmet Demirelli.