Reactjs Vitejs – Php laravel Giới thiệu website bán máy tính – có full báo cáo – thanh toán online- chatbot
Công nghệ lập trình:
-
Frontend: ReactJS (build bằng ViteJs), Axios.
-
Backend: Php laravel 11
-
Database: MySQL.
Mô tả website: Dự án thương mại Điện tử chuyên phân phối các sản phẩm máy tính và linh kiện công nghệ. Hệ thống được thiết kế nhằm tối ưu hóa trải nghiệm mua sắm của khách hàng, có đầy đủ các chức năng của 1 website cơ bản cần có, bao gồm quy trình xử lý đơn hàng tự động, thanh toán online số và hệ thống phân tích dữ liệu chuyên sâu. shop có nhận phát triển thêm tính năng nâng cao như AI…
Các chức năng chính gồm có:
Phân quyền: người quản trị, nhân viên và khách hàng
***Đối với khách hàng
- Đăng ký (xác minh qua mail)
- Đăng nhập/ Đăng xuất
- Quản lý profile
- Xem chi tiết sản phẩm, biến thể sản phẩm
- Chatbot tư vấn (tudongchat.com)
- Tìm kiếm sản phẩm theo từ khóa, bộ lọc theo giá cả
- Yêu thích sản phẩm
- Đặt hàng thanh toán online VNPAY
- Đặt hàng thanh toán qua thẻ, qua ship COD
- Lịch sử mua hàng, xem trạng thái đơn hàng
- Xem tin tức
- Bình luận sản phẩm
- Đánh giá website
***Đối với quản trị viên
- Đăng nhập/ Đăng xuất
- Thêm xóa sửa tìm kiếm
- Quản lý danh mục sản phẩm
- Quản lý danh mục sản phẩm
- Quản lý danh mục bài viết và đăng bài
- Quản lý thương hiệu
- Quản lý thanh toán
- Quản lý nhân viên
- Quản lý sản phẩm
- Duyệt đơn hàng
- Quản lý banner
- Quản lý voucher
- Quản lý người dùng
- Thống kê dạng số tổng lượng theo: khách hàng, đơn hàng, doanh thu
- Thống kê biểu đồ doanh thu theo tháng
- Thống kê sản phẩm bán chạy
- Thống kê sản phẩm sắp hết hàng
Shop có nhận phát triển thêm các tính năng nâng cao như tích hợp AI xem bài viết
HÌNH ẢNH DEMO


Hướng dẫn cài đặt website
-
- Trong file .env của folder backend đây là nơi config database
- Import database đặt tên là TMDT
1. Chuẩn bị môi trường
- Xampp: phiên bản trên 8.0
- Node.js: môi trường phát triển ReactJS
- Visual studio code: công cụ lập trình
2. Cài đặt dự án
2.1. Chạy file backend
- chạy lệnh composer update
- Sau đó php artisan server
2.2. Chạy file Client
- Xóa file nodemodul
- Mở terminal chạy lần lượt lệnh: npm i, npm run dev
- nhập lên trình duyệt đường dẫn: http://localhost:5173/
*Một số tài khoản người dùng trong hệ thống:
- Tài khoản admin: admin@gmail.com mk 12345678
- Tài khoản khách hàng: có thể đăng ký rồi đăng nhập
Hỗ trợ cài đặt sau khi mua code vui lòng liên hệ ZALO hoặc FACEBOOK
















