source code cho thuê xe tự lái,website thuê xe reactjs,đồ án cho thuê xe,website cho thuê xe supabase,code thanh toán vnpay,báo cáo đồ án thuê xe

Ảnh demo (10)

Xem LIVE DEMO

[Mã code 107151]

Đồ án 9đ cho thuê xe tự lái C2C ReactJS, thanh toán VNPay SePay, trợ lý AI Kèm Báo cáo

(1 Đánh giá)

0 9

Source code website cho thuê xe tự lái mô hình C2C gồm 3 khu: khách thuê, chủ xe, quản trị. React + TypeScript + Supabase, thanh toán VNPay/SePay, trợ lý AI, phân quyền nhân viên, đối soát, xuất Excel

Danh mục

Khác

Thể loại

WebsiteBán hàng - TMĐT

Ngày đăng

05-11-2026

Loại file

Full code

File download

FindCar.zip [ 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

Source code chạy đúng như mô tả và hình ảnh demo

Bàn giao đầy đủ source code, file SQL, tài liệu hướng dẫn và file báo cáo

Hỗ trợ cài đặt qua UltraViewer/TeamViewer

Hỗ trợ sửa lỗi phát sinh trong quá trình cài đặt

Giải đáp thắc mắc về code, database và luồng nghiệp vụ

Bin Coder

(Hạng vàng)
Xem trang

Source code
1

Đánh giá (1)
5/5

Ngày tham gia
5/11/2026

GIỚI THIỆU

FindCar là nền tảng web cho thuê xe tự lái theo mô hình C2C: chủ xe đăng xe cho thuê, khách tìm và đặt xe online. Nền tảng đứng giữa để kiểm duyệt, thu tiền, đối soát và chi trả cho chủ xe.

Gói bán gồm source code đầy đủ và file báo cáo đồ án, code và báo cáo khớp nhau.

Quy mô: 39 bảng dữ liệu, 95 hàm SQL nghiệp vụ, 8 Edge Function, 28 mã phân quyền, 4 bộ kiểm thử tự động.

CHỨC NĂNG DÀNH CHO KHÁCH THUÊ

Tìm xe theo địa điểm, ngày giờ, loại xe, hãng xe, có bản đồ
Xem chi tiết xe, giá ngày thường / cuối tuần / ngày lễ, đánh giá
Đặt xe, áp mã khuyến mãi, chọn giao xe tận nơi
Thanh toán online qua VNPay và SePay (đặt cọc hoặc trả toàn bộ)
Quản lý chuyến đi, yêu cầu huỷ, đánh giá hai chiều
Tải lên GPLX để xác thực, lưu xe yêu thích
Trợ lý AI trả lời câu hỏi về chính sách thuê xe, có dẫn nguồn

CHỨC NĂNG DÀNH CHO CHỦ XE

Một tài khoản dùng được cả 2 vai trò: vừa thuê xe, vừa cho thuê
Đăng xe, quản lý ảnh, tiện nghi, giá theo ngày, khung giờ giao nhận
Lịch xe trực quan, bật/tắt duyệt đơn tự động
Xác nhận/từ chối đơn, lập biên bản giao xe và trả xe, hợp đồng thuê
Dashboard doanh thu, theo dõi tiền được chi trả

CHỨC NĂNG TRANG QUẢN TRỊ

Dashboard và báo cáo thống kê bằng biểu đồ, xuất Excel
Kiểm duyệt xe, giấy tờ người dùng, đánh giá
Quản lý đơn thuê, giao dịch, đối soát thanh toán, duyệt yêu cầu huỷ và hoàn tiền
Lệnh chi trả cho chủ xe
Quản lý khuyến mãi, danh mục (hãng, dòng, phiên bản, loại xe, tiện nghi, tỉnh/thành)
Phân quyền nhân viên chi tiết (Kiểm duyệt viên, CSKH...), nhật ký thao tác
Cấu hình phí nền tảng, % đặt cọc, thời gian giữ chỗ ngay trên giao diện
Quản lý kho tri thức cho trợ lý AI
Thùng rác: xoá mềm, khôi phục được

ĐIỂM MẠNH VỀ KỸ THUẬT

Chống đặt trùng lịch ngay ở database: 2 người đặt cùng xe cùng lúc thì chỉ 1 đơn thành công (có bộ test chứng minh)
Giá tiền luôn do server tính lại, không tin số liệu trình duyệt gửi lên
Đơn chỉ chuyển "đã thanh toán" khi cổng thanh toán gọi về (IPN) và đã xác thực chữ ký
Bảo mật mức dòng (Row Level Security): gọi thẳng API cũng không vượt được quyền
Vòng đời đơn thuê 9 trạng thái rõ ràng, có lưu lịch sử chuyển trạng thái
Khoá bí mật nằm hoàn toàn phía server, không lộ ra trình duyệt

CÔNG NGHỆ SỬ DỤNG

Frontend: React 18, TypeScript, Vite, Tailwind CSS, Radix UI, TanStack Query, Zustand
Backend: Supabase (PostgreSQL 17, Auth, Storage, Edge Functions)
AI: Google Gemini + pgvector (RAG)
Thanh toán: VNPay, SePay
Triển khai: Vercel + Supabase, chạy được với gói miễn phí, không cần thuê VPS

FILE BÁO CÁO ĐI KÈM

Báo cáo [...] trang, file Word chỉnh sửa được, gồm:

Khảo sát hiện trạng và phân tích yêu cầu
Sơ đồ Use Case, đặc tả chức năng
Thiết kế cơ sở dữ liệu (ERD 39 bảng)
Kiến trúc hệ thống, luồng đặt xe và thanh toán
Phân quyền và bảo mật
Kết quả kiểm thử, hình ảnh giao diện
Kết luận và hướng phát triển

BẠN NHẬN ĐƯỢC

Toàn bộ source code frontend + backend (Edge Functions)
File báo cáo đồ án (Word)
File SQL dựng toàn bộ database trong 1 lần chạy, kèm dữ liệu khởi tạo
Hướng dẫn cài đặt chi tiết dạng HTML (có câu SQL kiểm tra và cách xử lý lỗi thường gặp)
Tài liệu kiến trúc, danh sách function/trigger
4 bộ kiểm thử tự động

PHÙ HỢP VỚI

Sinh viên cần đồ án tốt nghiệp / đồ án môn có chiều sâu
Người muốn khởi nghiệp mảng cho thuê xe tự lái
Lập trình viên muốn học kiến trúc hệ thống thực tế với Supabase

XEM THÊM ==> Hướng dẫn cài đặt chi tiết

HÌNH ẢNH DEMO

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

YÊU CẦU

Node.js 18 trở lên
Tài khoản Supabase (miễn phí) tại supabase.com

BƯỚC 1: CÀI THƯ VIỆN

Giải nén source, mở terminal trong thư mục dự án và chạy:

npm install

BƯỚC 2: DỰNG CƠ SỞ DỮ LIỆU

Tạo một project mới trên Supabase.
Vào Authentication → Users → Add user, tạo tài khoản quản trị với email admin@driveshare.vn, đặt mật khẩu tuỳ ý, tích Auto Confirm User. (Có thể đổi email này trong file supabase/10-admin.sql.)
Mở SQL Editor, dán toàn bộ nội dung file supabase/setup-all.sql và bấm Run.
Chạy tiếp file supabase/10-admin.sql để gán quyền quản trị và tạo kho lưu ảnh.

BƯỚC 3: CẤU HÌNH BIẾN MÔI TRƯỜNG

Copy file .env.example thành .env và điền:

VITE_SUPABASE_URL: Project URL (Project Settings → API)
VITE_SUPABASE_PUBLISHABLE_KEY: Publishable key của project
VITE_STORAGE_BUCKET: car-images
VITE_SITE_URL: http://localhost:5175

BƯỚC 4: CHẠY WEBSITE

npm run dev

Website: http://localhost:5175
Trang quản trị: http://localhost:5175/admin/login

TÀI KHOẢN ĐĂNG NHẬP

Quản trị: email admin@driveshare.vn, mật khẩu là mật khẩu bạn đặt ở Bước 2
Khách thuê / Chủ xe: tự đăng ký trên website. Một tài khoản dùng được cả hai vai trò.
Nhân viên: quản trị viên tạo trong trang Quản trị → Nhân viên

BƯỚC 5 (TUỲ CHỌN): THANH TOÁN VÀ TRỢ LÝ AI

Triển khai Edge Functions:

npx supabase login
npx supabase link --project-ref <PROJECT-REF>
npx supabase functions deploy

Khai báo khoá trong Supabase → Edge Functions → Secrets:
- VNPay: VNPAY_TMN_CODE, VNPAY_HASH_SECRET
- SePay: SEPAY_PG_MERCHANT_ID, SEPAY_PG_SECRET_KEY, SEPAY_PG_ENV
- Trợ lý AI: GEMINI_API_KEY
Vào trang quản trị → Kho tri thức AI, bấm Lập chỉ mục toàn bộ để trợ lý AI đọc được tài liệu.