LTGPLX là source code website hỗ trợ người dùng ôn thi lý thuyết giấy phép lái xe trực tuyến. Dự án được xây dựng theo mô hình fullstack với frontend sử dụng ReactJS kết hợp Vite, backend sử dụng NodeJS, ExpressJS và cơ sở dữ liệu MongoDB.
Website có giao diện hiện đại, dễ sử dụng, phù hợp cho học viên muốn luyện tập lý thuyết GPLX trên máy tính hoặc điện thoại. Người dùng có thể xem ngân hàng câu hỏi, luyện đề thi thử, học câu điểm liệt, xem biển báo giao thông, theo dõi kết quả làm bài và rèn luyện trước khi thi thật.
Các chức năng chính của dự án:
- Trang chủ giới thiệu hệ thống ôn thi lý thuyết GPLX.
- Ngân hàng câu hỏi lý thuyết theo từng hạng bằng lái.
- Chức năng thi thử với bộ đề được chia theo số lượng câu hỏi.
- Hiển thị câu hỏi, đáp án, giải thích và hình ảnh minh họa nếu có.
- Danh sách câu điểm liệt giúp người học tránh các lỗi quan trọng.
- Trang biển báo giao thông hỗ trợ học nhận diện biển báo.
- Chức năng thống kê kết quả làm bài.
- Giao diện responsive, có thể sử dụng trên máy tính và điện thoại.
- Backend API dùng NodeJS và ExpressJS.
- Database sử dụng MongoDB để lưu trữ câu hỏi, đáp án và dữ liệu liên quan.
- Cấu trúc source code rõ ràng, dễ chỉnh sửa và phát triển thêm.
Công nghệ sử dụng:
Frontend:
- ReactJS
- Vite
- JavaScript
- CSS
Backend:
- NodeJS
- ExpressJS
- Mongoose
Database:
- MongoDB
Dự án phù hợp cho sinh viên làm đồ án, bài tập lớn, website học tập, hệ thống luyện thi trực tuyến hoặc dùng làm nền tảng phát triển thêm các chức năng như đăng nhập, quản lý câu hỏi, quản lý người dùng và dashboard admin.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
Yêu cầu trước khi cài đặt:
- Cài đặt NodeJS
- Cài đặt MongoDB hoặc sử dụng MongoDB Atlas
- Cài đặt VS Code
- Cài đặt Git nếu muốn quản lý source code
Các bước cài đặt dự án:
Bước 1: Giải nén file source code
Sau khi tải source code về, giải nén file zip vào thư mục mong muốn.
Bước 2: Cài đặt backend
Mở terminal tại thư mục backend và chạy lệnh:
npm install
Bước 3: Cấu hình biến môi trường backend
Tạo file .env trong thư mục backend và cấu hình các thông tin cần thiết, ví dụ:
PORT=5000
MONGODB_URI=mongodb://127.0.0.1:27017/ltgplx
Nếu sử dụng MongoDB Atlas thì thay MONGODB_URI bằng chuỗi kết nối Atlas của bạn.
Bước 4: Chạy backend
Tại thư mục backend, chạy lệnh:
npm start
Hoặc:
npm run dev
Backend sẽ chạy tại:
http://localhost:5000
Bước 5: Cài đặt frontend
Mở terminal tại thư mục frontend và chạy lệnh:
npm install
Bước 6: Cấu hình API frontend nếu cần
Kiểm tra file cấu hình API trong frontend và đảm bảo đường dẫn backend đang trỏ đúng về:
http://localhost:5000
Bước 7: Chạy frontend
Tại thư mục frontend, chạy lệnh:
npm run dev
Frontend sẽ chạy tại:
http://localhost:5173
Bước 8: Import dữ liệu MongoDB
Nếu source code có kèm file dữ liệu JSON, có thể import dữ liệu vào MongoDB bằng lệnh hoặc script import có sẵn trong dự án.
Ví dụ:
npm run seed
Hoặc dùng MongoDB Compass để import file JSON vào database.
Bước 9: Kiểm tra website
Sau khi chạy cả frontend và backend, mở trình duyệt và truy cập:
http://localhost:5173
Sau đó kiểm tra các chức năng như trang chủ, ngân hàng câu hỏi, thi thử, câu điểm liệt, biển báo và thống kê kết quả.
Lưu ý:
- Nếu không kết nối được database, hãy kiểm tra lại MongoDB đã chạy chưa.
- Nếu frontend không lấy được dữ liệu, hãy kiểm tra lại API URL.
- Nếu thiếu node_modules, hãy chạy lại npm install ở cả frontend và backend.