Full-stack Developer,React.js,ASP.NET Core Web API,SQL Server,Entity Framework Core,RPG UI Design

Ảnh demo (9)

Xem LIVE DEMO

[Mã code 93686]

Your Coffee Shop - Started Kit

(1 Đánh giá)

0 4

Full-stack Developer chuyên .NET 8 & React. Tác giả hệ thống 'Đậu Coffee' với giao diện RPG độc đáo, tối ưu API và logic vận hành vương quốc cà phê số hóa mượt mà.

Danh mục

Khác

Thể loại

WebsiteBán hàng - TMĐT

Ngày đăng

29-4-2026

Loại file

Full code

File download

.rar [ MB]

Gửi thông báo lỗi Báo vi phạm bản quyền

Gửi ngay

CAM KẾT TỪ NGƯỜI BÁN

Hỗ trợ triển khai và cấu hình hệ thống trên môi trường Local/Server.

Bảo trì và cập nhật các tính năng mới (Voucher, Promotion, Admin Dashboard) theo yêu cầu.

Tối ưu hóa hiệu suất API và xử lý đồng bộ dữ liệu (CamelCase, Reference Loop) đảm bảo hệ thống vận hành mượt mà 24/7.

Giải quyết triệt để các lỗi phát sinh trong quá trình vận hành thực tế.

duy phat

(Hạng vàng)
Xem trang

Source code
2

Đánh giá (2)
5/5

Ngày tham gia
28/4/2026

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

HÌNH ẢNH DEMO

HƯỚNG DẪN CÀI ĐẶT

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:

Admin: admin@gmail.com / Mật khẩu: Phattu03# (Có quyền vào trang /admin).
User: Bạn có thể đăng ký tài khoản mới trực tiếp trên giao diện để trải nghiệm luồng mua hàng.

Nguồn: Topcode.vn