Full đồ án: Website học tiếng Trung - AI hỗ trợ học tập

[Mã code 54830]

1 Đánh giá Viết đánh giá

0 21 1

Phí tải: 1000 Xu (1Xu = 1.000đ)

YÊU THÍCH

Danh mục

Khác

Thể loại

Website

Nhóm code

Code chất lượng

Ngày đăng

17-9-2026

Loại file

Full code

Dung lượng

DOWNLOAD XEM DEMO

Hướng dẫn: Tải code miễn phí Tải code có phí Hỗ trợ kĩ thuật

Code đã kiểm thử

Cam kết hỗ trợ

Không chứa mã độc

Có demo thực tế

Có hướng dẫn cài đặt

Xem thêm CODE GẦN GIỐNG

AI học tập hỗ trợ đồ án học tập

Website học tiếng Trung & luyện thi HSK trực tuyến fullstack ReactJS, NodeJS, MongoDB. Tích hợp thi thử, chấm điểm tự động, chatbot trợ lý ảo AI thông minh và trang quản trị Admin chi tiết.

MÔ TẢ CHI TIẾT

🔥 GIỚI THIỆU TỔNG QUAN DỰ ÁN

Dự án Website Học Tiếng Trung & Luyện Thi HSK Trực Tuyến Tích Hợp AI là hệ thống E-Learning hoàn chỉnh, hiện đại, được xây dựng theo kiến trúc fullstack chuẩn RESTful API. Hệ thống phù hợp làm đồ án tốt nghiệp, khóa luận chuyên ngành CNTT hoặc phát triển thành nền tảng đào tạo ngoại ngữ trực tuyến thực tế.

🛠️ CÔNG NGHỆ SỬ DỤNG

Frontend: ReactJS (Vite), Tailwind CSS, Lucide Icons, Context API, Axios, React Router v6. Giao diện thiết kế theo phong cách hiện đại, trực quan, tương thích đa thiết bị (Responsive).
Backend: Node.js, Express.js, kiến trúc MVC rõ ràng, xử lý dữ liệu và xác thực bảo mật JWT, mã hóa mật khẩu Bcrypt.
Cơ sở dữ liệu: MongoDB kết hợp thư viện ODM Mongoose.
Trí tuệ nhân tạo (AI): Tích hợp Google Gemini API đóng vai trò làm Trợ lý gia sư tiếng Trung ảo 24/7.

✨ CÁC TÍNH NĂNG NỔI BẬT

1. Phía Học Viên (User / Student)

Đăng ký & Đăng nhập: Xác thực bảo mật JWT, lưu thông tin phiên đăng nhập an toàn.
Khảo sát trình độ ban đầu (Onboarding): Học viên tự chọn mục tiêu trình độ (HSK 1 - HSK 6) để hệ thống tự động đề xuất lộ trình phù hợp.
Khám phá & Đăng ký khóa học: Danh mục khóa học theo từng cấp độ HSK kèm huy hiệu trạng thái rõ ràng.
Giao diện học tập đa phương tiện:
- Học từ vựng chi tiết: chữ Hán, phiên âm Pinyin, nghĩa tiếng Việt, ví dụ đàm thoại thực tế.
- Ngữ pháp trọng điểm kèm giải thích và ví dụ minh họa.
Luyện tập bài tập tương tác: Trắc nghiệm chọn đáp án, điền từ vào chỗ trống, chấm điểm tự động tức thì.
Phòng luyện thi thử HSK:
- Đề thi mô phỏng định dạng chuẩn HSK các cấp.
- Đồng hồ bấm giờ đếm ngược thời gian làm bài.
- Chấm điểm tự động, thông báo Đạt/Không đạt kèm lời giải thích chi tiết cho từng câu.
- Lưu trữ lịch sử thi thử và theo dõi biểu đồ tiến độ.
Trợ lý AI Gia sư tiếng Trung (Chatbot Widget): Hỗ trợ dịch thuật, giải thích ngữ pháp, sửa lỗi phát âm và luyện đàm thoại theo ngữ cảnh 24/7.
Trang cá nhân & Thống kê: Theo dõi tỷ lệ hoàn thành khóa học, điểm trung bình các bài thi.

2. Phía Quản Trị Viên (Admin Dashboard)

Thống kê tổng quan (Dashboard): Thống kê số lượng học viên, số khóa học, đề thi và lượt nộp bài.
Quản lý Người dùng: Xem danh sách tài khoản, khóa/mở khóa tài khoản học viên.
Quản lý Khóa học & Lộ trình (Curriculum): Thêm/sửa/xóa khóa học, sắp xếp thứ tự các bài học và bài kiểm tra linh hoạt.
Quản lý Bài học & Tài liệu (Materials): Thêm từ vựng, mẫu câu, cấu trúc ngữ pháp cho từng bài học.
Quản trị Ngân hàng câu hỏi & Bài tập: Soạn thảo câu hỏi trắc nghiệm, điền từ, phân loại kỹ năng (Nghe, Đọc hiểu, Ngữ pháp).
Quản trị Đề thi thử HSK: Cấu hình thời gian làm bài, điểm sàn đỗ (Pass score), danh sách câu hỏi đề thi.
Cấu hình Hệ thống (System Settings): Cấu hình tên website, đổi API Key và System Prompt cho Trợ lý AI ngay trên giao diện quản trị.

🎁 ĐIỂM CỘNG CỦA MÃ NGUỒN

Code sạch (Clean code), cấu trúc thư mục phân tầng rõ ràng, dễ hiểu, dễ mở rộng.
Có sẵn file Seeder tạo dữ liệu mẫu phong phú (Khóa học HSK 1 - HSK 4, đề thi, câu hỏi trắc nghiệm, bài tập).
Kèm sẵn tài khoản Admin và User để test ngay mà không cần khởi tạo thủ công.

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

HÌNH ẢNH DEMO

Nguồn: Sharecode.vn

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

🚀 YÊU CẦU MÔI TRƯỜNG

Node.js: Phiên bản 18.x hoặc 20.x trở lên (Tải tại đây).
MongoDB: Cài đặt MongoDB Community Server trên máy cục bộ (cổng mặc định 27017) HOẶC sử dụng tài khoản MongoDB Atlas (Cloud).

📥 CÁC BƯỚC CÀI ĐẶT VÀ KHỞI CHẠY DỰ ÁN

Bước 1: Cài đặt Backend (Node.js & MongoDB)

Mở Terminal / Command Prompt và di chuyển vào thư mục backend:
```
cd backend
```
Cài đặt các gói thư viện phụ thuộc:
```
npm install
```
Kiểm tra file cấu hình .env trong thư mục backend:
```
PORT=3001
MONGO_URI=mongodb://127.0.0.1:27017/web_hoc_tieng_trung
JWT_SECRET=secret_key_jwt_token_123
GEMINI_API_KEY=your_gemini_api_key_o_day
GEMINI_MODEL=gemini-1.5-flash
```
(Lưu ý: Nếu dùng MongoDB cục bộ, bạn giữ nguyên MONGO_URI như trên. Điền API Key Gemini của bạn để bật tính năng Chatbot AI).
Nạp dữ liệu mẫu ban đầu (Khóa học, Đề thi, Tài khoản mẫu):
```
node src/seed_full.js
```
Lệnh trên sẽ tự động tạo sẵn 4 khóa học HSK 1-4, các đề thi thử và 2 tài khoản mẫu.
Khởi động server Backend:
```
npm run dev
```
Backend sẽ khởi chạy thành công tại: http://localhost:3001

Bước 2: Cài đặt Frontend (ReactJS / Vite)

Mở một cửa sổ Terminal mới và di chuyển vào thư mục frontend:
```
cd frontend
```
Cài đặt thư viện phụ thuộc:
```
npm install
```
Khởi động giao diện người dùng:
```
npm run dev
```
Truy cập vào trình duyệt tại địa chỉ hiển thị trên terminal (thường là: http://localhost:5173).

🔑 TÀI KHOẢN ĐĂNG NHẬP MẪU ĐÃ KHỞI TẠO SẴN

Vai trò	Email	Mật khẩu	Ghi chú
Quản trị viên (Admin)	[email protected]	admin	Đăng nhập và truy cập trang quản trị tại /admin
Học viên (Student)	[email protected]	123456	Đăng nhập học tập, làm bài thi tại /dashboard