Link demo: https://drive.google.com/file/d/1w-TgY8pIKDBd3oDuYhtqe8bOPxDnqQRd/view?usp=sharing
Tổng quan dự án SneakerHub
Website thương mại điện tử SneakerHub hỗ trợ giao diện bán hàng giày bóng đá chuyên nghiệp (bao gồm đầy đủ các chức năng cơ bản như đặt và hủy đơn hàng, đánh giá và yêu thích sản phẩm,...) và giao diện quản lý admin toàn diện.
Lưu ý về CSDL: Cơ sở dữ liệu đã được tích hợp sẵn vào mã nguồn nên bạn chỉ cần sử dụng trực tiếp mà không cần import thủ công. Nếu muốn xem chi tiết cấu trúc CSDL hoặc cần hỗ trợ thêm, bạn có thể liên hệ trực tiếp qua email: [email protected] để được trợ giúp.
Các chức năng chính của hệ thống
-
Quản lý sản phẩm và tồn kho: Phân loại sản phẩm giày dép theo danh mục và thương hiệu (Brand), theo dõi số lượng hàng hóa, size, SKU và hỗ trợ xuất dữ liệu ra file Excel.
-
Quản lý đơn hàng và bán hàng: Hỗ trợ tạo hóa đơn, quy trình duyệt/hủy đơn hàng, theo dõi trạng thái đơn hàng trực quan và xuất hóa đơn định dạng PDF.
-
Tích hợp cổng thanh toán trực tuyến: Tích hợp cổng thanh toán PayPal phục vụ các giao dịch mua hàng nhanh chóng và an toàn.
-
Hỗ trợ tương tác trực tuyến: Tích hợp chức năng Chatbot tư vấn trực tiếp hỗ trợ giải đáp thắc mắc của khách hàng tại giao diện mua sắm.
-
Dashboard thống kê trực quan: Trang quản trị cung cấp hệ thống biểu đồ tương tác giúp theo dõi doanh thu, tổng đơn hàng, tình trạng bán hàng và hiệu suất kinh doanh theo thời gian thực.
-
Hệ thống xác thực và phân quyền: Sử dụng cơ chế JWT (JSON Web Token), mã hóa mật khẩu bảo mật, hỗ trợ phân quyền truy cập nghiêm ngặt giữa vai trò khách hàng (User) và quản trị viên (Admin).
-
Quản lý hình ảnh đám mây: Tích hợp dịch vụ Cloudinary để tải lên, lưu trữ và tối ưu hóa tốc độ hiển thị hình ảnh sản phẩm.
-
Gửi email tự động: Hệ thống tự động gửi email thông báo xác nhận đơn hàng thành công và cập nhật trạng thái biến động của giao dịch.
-
Giao diện Responsive tối ưu: Giao diện người dùng và quản trị được xây dựng bằng TailwindCSS kết hợp cùng ReactJS, mang lại trải nghiệm mượt mà, tương thích hoàn hảo trên các thiết bị di động, tablet và máy tính.
-
Tích hợp dữ liệu địa lý Việt Nam: Đồng bộ dữ liệu tỉnh thành, quận huyện và khu vực giúp tối ưu hóa quá trình tính toán phí vận chuyển và nhập liệu khi giao hàng.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
Hướng dẫn cài đặt chi tiết trên Local
Bước 1: Cài đặt các công cụ cần thiết
Bước 2: Cài đặt thư viện phụ thuộc
Mở Terminal tại thư mục gốc của dự án và tiến hành cài đặt package cho cả hai phân hệ:
Cài đặt thư viện cho Backend (Server):
Cài đặt thư viện cho Frontend (Client):
Bước 3: Cấu hình môi trường (.env)
Các tệp cấu hình môi trường (.env) đã được chuẩn bị sẵn ở cả hai thư mục server và client. Bạn có thể sử dụng luôn các thông tin kết nối mặc định có sẵn mà không cần cấu hình gì phức tạp thêm.
Bước 4: Khởi động hệ thống
Để chạy dự án dưới môi trường phát triển local, bạn mở hai cửa sổ Terminal độc lập và thực hiện các lệnh sau:
Bước 5: Truy cập ứng dụng
Sau khi cả hai server khởi động thành công, bạn mở trình duyệt web và truy cập vào địa chỉ mặc định của Vite:
Tại đây, bạn đã có thể bắt đầu trải nghiệm, kiểm thử các tính năng mua sắm và quản trị của hệ thống quản lý cửa hàng giày dép SneakerHub.
Tài khoản admin: [email protected], password: 123456