Logo Logo
VI

Website thương mại điện tử full-stack bán bánh mì và sản phẩm ẩm thực, hỗ trợ quản lý sản phẩm, giỏ hàng và đơn hàng.

Breadzy

Giới thiệuh3

Breadzy là website thương mại điện tử (E-commerce) full-stack chuyên bán bánh mì và các sản phẩm ẩm thực. Dự án được xây dựng với kiến trúc tách biệt giữa Backend API (Node.js + Express + MongoDB) và Frontend (Angular 20), đảm bảo khả năng mở rộng và bảo trì dễ dàng.

Tính năngh3

Xác thực & Quản lý người dùng:

  • Đăng ký và đăng nhập với JWT Authentication
  • Phân quyền: Admin, User
  • Quản lý profile và địa chỉ giao hàng
  • Quên mật khẩu qua email (Nodemailer)
  • Cookie-based session management

Quản lý sản phẩm:

  • CRUD sản phẩm với phân trang
  • Quản lý danh mục (Categories)
  • Upload và quản lý hình ảnh (Multer)
  • Tìm kiếm và lọc sản phẩm
  • Slug-based URLs cho SEO
  • Quản lý tồn kho

Giỏ hàng & Đặt hàng:

  • Thêm/xóa/cập nhật sản phẩm trong giỏ hàng
  • Kiểm tra tồn kho real-time
  • Quản lý đơn hàng và theo dõi trạng thái
  • Lịch sử mua hàng

Trang Admin:

  • Dashboard thống kê
  • Quản lý sản phẩm, đơn hàng, người dùng
  • Quản lý danh mục

Screenshotsh3

Breadzy Screenshot 1 Breadzy Screenshot 3 Breadzy Screenshot 4 Breadzy Screenshot 5 Breadzy Screenshot 6

Công nghệ sử dụngh3

Frontend

  • Angular 20.0.0
  • NG-ZORRO (Ant Design) 20.0.0
  • TailwindCSS 4.1.11
  • Lucide Angular (Icons)
  • RxJS 7.8.0

Backend

  • Node.js với Express 5.1.0
  • MongoDB + Mongoose 8.14.1
  • JWT Authentication
  • Multer 2.0.1 (File Upload)
  • Nodemailer 7.0.0 (Email)
  • Swagger/OpenAPI 3.0

Khởi chạyh3

Terminal window
# Clone repository
git clone https://github.com/kittenwarrior-qb/breadzy.git
cd breadzy
# Backend
cd be
npm install
cp .env.example .env
# Cấu hình MongoDB và JWT_SECRET trong .env
npm run dev
# Frontend (terminal mới)
cd ../fe
npm install
npm start

Services: