Tổng quan dự án: Đậu Coffee là một hệ thống thương mại điện tử chuyên biệt cho ngành F&B, được xây dựng trên nền tảng Full-stack hiện đại (.NET 8 & React). Điểm độc đáo nhất của source code này là sự kết hợp giữa logic quản lý kinh doanh thực tế và phong cách giao diện RPG/Fantasy (Huyền ảo), mang lại trải nghiệm người dùng cực kỳ khác biệt và lôi cuốn.
Các phân hệ tính năng cốt lõi:
-
Hệ thống đặt hàng (Order System): Xử lý luồng mua hàng từ giỏ hàng (Inventory) đến xác nhận giao dịch. Tích hợp logic tính toán tổng chi phí bằng đơn vị "Vàng".
-
Quản lý Voucher & Loyalty: Hệ thống tích điểm và đổi mã ưu đãi (Voucher). User có thể dùng điểm tích lũy từ các đơn hàng để "đổi thưởng" lấy các thẻ bài ưu đãi.
-
Bảng tin hoạt động (Activities & Chronical): Hệ thống tin tức được thiết kế dưới dạng biên niên sử, hỗ trợ phân loại Sự kiện, Nhiệm vụ và Tin tức vương quốc.
-
Admin Dashboard chuyên sâu: Bộ công cụ quản trị mạnh mẽ dành cho chủ sở hữu để quản lý toàn bộ thực thể: Đồ uống (Drink), Danh mục (Category), Chi nhánh (Branch), Tuyển dụng (Job) và Đơn hàng.
-
Cá nhân hóa người dùng: Trang Profile quản lý thông tin, lịch sử đơn hàng, kho Voucher đã sở hữu và danh sách sản phẩm yêu thích (Favorite Drinks).
Công nghệ sử dụng:
-
Backend: ASP.NET Core Web API (C#), .NET 8.
-
Frontend: React (TypeScript), Framer Motion (cho hiệu ứng RPG), Bootstrap 5.
-
Database: SQL Server với Entity Framework Core (Code First/Database First).
-
Kiến trúc: RESTful API, Middleware xử lý lỗi, Cấu hình bảo mật và đồng bộ hóa CamelCase dữ liệu.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
Dự án được thiết kế chuẩn hóa, giúp người mua dễ dàng triển khai chỉ với vài bước:
1. Chuẩn bị môi trường:
-
Cài đặt .NET 8 SDK và SQL Server Management Studio (SSMS).
-
Cài đặt Node.js (phiên bản LTS).
-
Trình soạn thảo code (VS Code hoặc Visual Studio 2022).
2. Cấu hình Cơ sở dữ liệu: (Microsoft SQL Server Management Studio 21)
-
Mở SQL Server, tạo một Database mới tên là MyCoffeeDauDB.
-
Sử dụng script SQL đi kèm trong thư mục /Database để chạy và tạo các bảng dữ liệu (Users, Drinks, Orders, Vouchers, v.v.).
-
Lưu ý: Source code đã bao gồm dữ liệu mẫu (Seed Data) để bạn có thể hiển thị giao diện ngay lập tức.
3. Cấu hình & Chạy Backend:
-
Truy cập vào thư mục backend_mycoffeedau.
-
Mở file appsettings.json, cập nhật chuỗi kết nối tại mục ConnectionStrings để khớp với máy tính của bạn: "DefaultConnection": "Server=TÊN_SERVER;Database=MyCoffeeDauDB;Trusted_Connection=True;TrustServerCertificate=True;"
-
Mở Terminal tại thư mục này và chạy lệnh: dotnet run.
-
Backend sẽ khởi chạy tại: https://localhost:7264.
4. Cấu hình & Chạy Frontend:
-
Truy cập vào thư mục frontend_mycoffeedau.
-
Mở Terminal và cài đặt thư viện: npm install.
-
Kiểm tra file src/constants/GlobalConfig.ts để đảm bảo BASE_URL trỏ đúng về địa chỉ Backend (mặc định đã cấu hình sẵn).
-
Khởi động giao diện: npm start.
-
Ứng dụng sẽ tự động mở tại: http://localhost:3000.
5. Tài khoản đăng nhập mẫu: