Giới thiệu Demo App mua sắm gia dụng – Kotlin & ReactJS, tích hợp thanh toán VnPay
Ứng dụng ở mức độ cơ bản, dễ tiếp cận, giúp sinh viên có thể đọc hiểu code nhanh, triển khai và sử dụng để làm báo cáo bài tập lớn, đồ án hoặc thuyết trình nhóm. Mã nguồn được viết rõ ràng, dễ tùy chỉnh và phù hợp để mở rộng thêm các tính năng nâng cao sau này.
Tham khảo thêm một số đề tài tương tự: app kotlin, đồ án, android studio
Các chức năng chính App mua sắm gia dụng – Kotlin & ReactJS gồm có:
1. Phân quyền người dùng:
-
Khách hàng (sử dụng trên ứng dụng Android – lập trình Kotlin)
-
Admin (quản lý trên nền web – lập trình ReactJS)
2. Chức năng dành cho Khách hàng (App):
-
Đăng ký, đăng nhập (xác thực qua email)
-
Tìm kiếm sản phẩm
-
Xem sản phẩm theo từng danh mục
-
Xem chi tiết sản phẩm
-
Bình luận sản phẩm
-
Đặt hàng và thanh toán
-
Hỗ trợ thanh toán khi nhận hàng hoặc qua VNPAY
-
Xem lịch sử mua hàng
-
Trò chuyện với admin
-
Quản lý thông tin cá nhân (profile)
3. Chức năng dành cho Admin (Web server):
-
Không cần đăng nhập
-
Thêm danh mục sản phẩm
-
Thêm, xóa sản phẩm
-
Xem thông tin khách hàng
-
Duyệt đơn hàng
-
Chat với người dùng
HÌNH ẢNH DEMO

HƯỚNG DẪN CÀI ĐẶT CHƯƠNG TRÌNH
1. Chuẩn bị môi trường
Trước khi bắt đầu, hãy đảm bảo bạn đã cài đặt các công cụ sau: Node.js, Visual Studio Code, Android Studio, Máy ảo
2. Tải và giải nén file
- Android App (dành cho ứng dụng di động)
- Web (dành cho phiên bản web sever)
3. Cài đặt ứng dụng Android
- Mở thư mục Android App bằng Android Studio. Tham khảo video hướng dẫn của shop https://www.youtube.com/watch?v=VGRryF0iHQ8&t=6s
4. Cài đặt ứng dụng Web
- Mở thư mục Web bằng Visual Studio Code.
- Xóa thư mục node_modules (nếu có).
- Mở Terminal và chạy lần lượt các lệnh sau:
Npm install
Npm start
- Sau khi chạy thành công, sẽ tự động mở trên trình duyệt tại địa chỉ http://localhost:3000.
5. Cấu hình Firebase
- Liên hệ quản trị viên để được cấp quyền truy cập Firebase.
Hỗ trợ cài đặt sau khi mua code liên hệ ngay ZALO hoặc PAGE FACEBOOK phía trên












