MÔ TẢ CHI TIẾT

Giới thiệu dự án

TechStore là một hệ thống website thương mại điện tử chuyên nghiệp cung cấp các sản phẩm thiết bị công nghệ. Điểm đặc biệt của dự án này là sự tích hợp sâu sắc của Chatbot hỗ trợ khách hàng thông minh hoạt động dựa trên các mô hình ngôn ngữ lớn (LLM) như Google Gemini và OpenAI GPT thông qua xử lý ngôn ngữ tự nhiên (NLP). Hệ thống được phát triển theo mô hình Client-Server hiện đại, sử dụng React cho giao diện người dùng và Express cùng MySQL cho dịch vụ phía máy chủ.

Bài toán thực tế

Trong thương mại điện tử, việc hỗ trợ khách hàng tìm kiếm sản phẩm và giải quyết các thắc mắc về quy trình mua hàng, chính sách đổi trả là rất quan trọng nhưng lại tốn nhiều nhân lực nếu thực hiện thủ công. Hệ thống TechStore giải quyết bài toán này bằng cách triển khai một trợ lý ảo thông minh hoạt động 24/7. Trợ lý này không chỉ trả lời theo kịch bản cứng nhắc mà có khả năng hiểu các biến thể ngôn ngữ của người dùng Việt, nhận diện ý định tìm kiếm sản phẩm theo nhu cầu thực tế và đưa ra các đề xuất sản phẩm chính xác từ cơ sở dữ liệu.

Công nghệ sử dụng

Dự án được xây dựng trên một ngăn xếp công nghệ phổ biến và mạnh mẽ. Ở phía frontend, React và TailwindCSS cung cấp giao diện linh hoạt, đáp ứng trên nhiều thiết bị. Phía backend sử dụng Express.js kết hợp với trình điều khiển mysql2 kết nối trực tiếp đến cơ sở dữ liệu MySQL giúp tối ưu hóa truy vấn. Việc tích hợp trí tuệ nhân tạo được thực hiện qua các thư viện kết nối chính thức của Google Gemini và OpenAI. Ngoài ra, mã nguồn còn tích hợp cổng thanh toán VNPay và thư viện kiểm thử tự động Jest cùng Supertest.

Chức năng nổi bật

Hệ thống sở hữu hai phân hệ chính: Phân hệ khách hàng: Cung cấp trải nghiệm mua sắm hoàn chỉnh từ tìm kiếm, xem chi tiết, quản lý giỏ hàng, áp dụng mã giảm giá đến đặt hàng trực tuyến và thanh toán qua VNPay. Đặc biệt là khu vực chat tư vấn hỗ trợ trích xuất thông tin sản phẩm trực tiếp từ phản hồi tự nhiên của AI và hiển thị dưới dạng thẻ sản phẩm trực quan. Phân hệ quản trị (Admin Dashboard): Cung cấp các công cụ trực quan hóa dữ liệu kinh doanh bằng biểu đồ thống kê doanh thu, số lượng đơn hàng và người dùng. Người quản trị có thể quản lý danh mục, sản phẩm, bài viết blog, đơn hàng, mã giảm giá và cấu hình tham số hoạt động cho chatbot một cách dễ dàng.

Giá trị học tập

Dự án TechStore là nguồn tài liệu học tập toàn diện cho sinh viên công nghệ thông tin. Qua dự án, người học có thể nắm bắt cách xây dựng kiến trúc Client-Server chuẩn RESTful API, thực hành thiết kế cơ sở dữ liệu quan hệ ở dạng chuẩn 3NF, triển khai cơ chế xác thực bảo mật bằng JSON Web Token (JWT) và đặc biệt là kỹ thuật Prompt Engineering cùng xử lý ngữ cảnh hội thoại đa lượt trong lập trình ứng dụng AI. Đồng thời, bộ kiểm thử tự động với Jest giúp người học tiếp cận quy trình kiểm thử đơn vị và tích hợp chuyên nghiệp.

Khả năng mở rộng

Kiến trúc hệ thống được thiết kế mở, cho phép dễ dàng nâng cấp và phát triển thêm các tính năng mới trong tương lai. Hệ thống có thể mở rộng tích hợp thêm các dịch vụ vận chuyển lớn, triển khai thêm tính năng gợi ý sản phẩm cá nhân hóa dựa trên hành vi duyệt web hoặc nâng cấp chatbot sử dụng công nghệ tìm kiếm ngữ nghĩa (RAG) để nâng cao độ chính xác khi truy vấn dữ liệu sản phẩm lớn.

ĐIỂM NỔI BẬT

Giao diện hiện đại sử dụng React và TailwindCSS thân thiện với người dùng
Hệ thống responsive tối ưu hiển thị trên mọi loại thiết bị di động và máy tính
Tích hợp Chatbot tư vấn thông minh dựa trên NLP sử dụng Gemini AI và OpenAI GPT
Phân hệ quản trị trực quan với biểu đồ thống kê doanh thu và đơn hàng chi tiết
Cơ chế xác thực và phân quyền người dùng bảo mật cao bằng JSON Web Token
Hỗ trợ thanh toán điện tử an toàn thông qua cổng thanh toán VNPay
Bộ kiểm thử tự động toàn diện sử dụng Jest và Supertest cho cả Unit và Integration Tests

CHỨC NĂNG CHÍNH

Phân hệ Khách hàng

Đăng ký tài khoản, đăng nhập và quản lý thông tin cá nhân bảo mật bằng JWT
Tìm kiếm sản phẩm thông minh và lọc theo danh mục, mức giá, thương hiệu
Quản lý giỏ hàng trực tuyến: thêm, xóa, cập nhật số lượng sản phẩm
Áp dụng mã giảm giá hợp lệ để tối ưu hóa chi phí đơn hàng
Đặt hàng nhanh chóng và chọn phương thức thanh toán (COD hoặc chuyển khoản qua VNPay)
Quản lý danh sách sản phẩm yêu thích (Wishlist)
Xem tin tức và bài viết hướng dẫn trên trang Blog công nghệ
Chat trực tuyến với trợ lý ảo AI để được tư vấn sản phẩm, hướng dẫn mua hàng và giải đáp chính sách cửa hàng

Phân hệ Quản trị viên (Admin)

Dashboard thống kê tổng quan doanh thu, số lượng đơn hàng và tài khoản mới bằng biểu đồ trực quan
Quản lý người dùng: danh sách, chi tiết thông tin và phân quyền vai trò (Admin/Customer)
Quản lý sản phẩm: thêm mới, cập nhật thông tin với trình soạn thảo rich text editor, thay đổi số lượng tồn kho
Quản lý danh mục sản phẩm: tạo mới, sửa đổi thông tin danh mục
Quản lý đơn hàng: theo dõi tiến trình và cập nhật trạng thái đơn hàng (Chờ xác nhận, Đang giao, Đã giao, Đã hủy)
Quản lý mã giảm giá: tạo các mã khuyến mãi với điều kiện áp dụng cụ thể
Quản lý bài viết blog: viết bài, chỉnh sửa nội dung tin tức công nghệ
Cấu hình chatbot: tùy chỉnh nhà cung cấp dịch vụ AI (Gemini hoặc OpenAI) và các thông số hoạt động

Website bán hàng tích hợp Chatbot tư vấn thông minh sử dụng NLP và LLM