Skip to content

Contains the Frontend components for the CS308 Project

License

Notifications You must be signed in to change notification settings

pishmish/lefront

Repository files navigation

Zad à Dos - Modern E-commerce Platform

Sabancı University Made with React Express.js MySQL

Zad à Dos is a modern, feature-rich e-commerce platform specialized in bag retail. Built with React.js and powered by Express.js & MySQL, it delivers a seamless shopping experience with enterprise-grade features.


Features

For Customers

For Administrators

  • Comprehensive Dashboard

  • Real-time sales analytics View Sales_Dashboard

  • Customer insights View Customer_info

  • Inventory management

  • Product Management

  • Bulk product upload View Product_Managment

  • Category management

  • Price and stock updates

  • Customer Management

  • Detailed customer profiles

  • Order tracking

  • Communication tools


Tech Stack

  • Frontend:

    • React.js
  • Backend:.

    • Express.js
    • MySQL
    • Node.js

Quick Start

Prerequisites

node >= 16.x
npm >= 8.x

Installation

  1. Clone the repository
git clone https://github.com/yourusername/zad-a-dos.git
cd zad-a-dos
  1. Install dependencies
npm install
  1. Start the development server
npm start

Access the application at http://localhost:3000


Screenshots

Customer Interface

Customer Interface Screenshots

Home Page

Home Page Engaging landing page with featured products and categories

Product Listings

Product Listings Comprehensive product catalog with advanced filtering

Product Details

Product Details Detailed product information with high-resolution images

Shopping Cart

Shopping Cart Intuitive cart management system

Wishlist

Wishlist Personal wishlist for saved items

Authentication

Login Page Secure user login system

Sign-Up Page User-friendly registration process

Checkout

Checkout Streamlined checkout experience

Admin Interface

Admin Interface Screenshots

Sales Dashboard

Sales Overview Comprehensive sales analytics and reporting

Product Management

Manage Products Advanced product management interface

Customer Management

Customer Info Detailed customer insights and management


Project Structure

src/
├── assets/         # Static resources
├── components/     # Reusable UI components
├── pages/          # Page components
├── services/       # API integrations
├── styles/        # Global styles
└── App.js         # Main component

Contributing

Team

The developers behind Zad à Dos:

  • Nuh Al-Sharafi
  • Musab Ahmed Khan
  • Guanghui Ma
  • Muhammad Haris
  • Areeb Kamal
  • Cem Görkem Baysal