code web luyện thi ielts,source code laravel react,tạo đề thi tự động gemini ai,web thi trắc nghiệm online ai,chấm điểm ielts bằng ai

Ảnh demo (9)

Xem LIVE DEMO

[Mã code 107143]

Full Source Code Web Luyện Thi & Tạo Đề IELTS Tự Động Bằng AI (Laravel 13 + ReactJS + Gemini AI)

(1 Đánh giá)

0 15

Hệ thống luyện thi IELTS 4 kỹ năng chuẩn Computer-Delivered kết hợp AI tự động sinh đề thi (Listening có giọng đọc, Reading, Writing, Speaking) và AI chấm điểm chi tiết từng tiêu chí Band 0-9.0.

Danh mục

PHP & MySQL

Thể loại

WebsiteKhác...

Ngày đăng

04-11-2026

Loại file

Full code

File download

.rar [ 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

Cam kết source code đầy đủ 100% chức năng đúng như mô tả và hình ảnh demo.

Code sạch, kiến trúc chuẩn Laravel 13 kết hợp Inertia React 19 TypeScript, đã build sẵn giao diện chạy ngay.

Có kèm tài liệu hướng dẫn cài đặt chi tiết từng bước và lấy API Key miễn phí.

Hỗ trợ cài đặt qua UltraViewer / AnyDesk nếu người mua gặp khó khăn khi chạy code.

trongdat232003

(Hạng vàng)
Xem trang

Source code
1

Đánh giá (1)
5/5

Ngày tham gia
4/11/2026

Giới thiệu Hệ thống Luyện thi & Sinh đề IELTS tự động bằng AI (AI IELTS Test Generator)

AI IELTS Test Generator là nền tảng luyện thi thử IELTS trực tuyến toàn diện cả 4 kỹ năng (Listening - Reading - Writing - Speaking) mô phỏng 100% giao diện thi trên máy tính (Computer-Delivered IELTS), tích hợp trí tuệ nhân tạo Google Gemini AI giúp tự động biên soạn đề thi mới và chấm điểm bài Viết / bài Nói theo đúng 4 tiêu chí chuẩn quốc tế Cambridge.

Trang chủ AI IELTS Test Generator

1. Công nghệ sử dụng (Tech Stack hiện đại nhất)

Backend: Laravel 13 (PHP 8.2 / 8.3+), kiến trúc Action-Service sạch sẽ, bảo mật cao.
Frontend: React 19, Inertia.js v2, TypeScript, Tailwind CSS (SPA mượt mà không tải lại trang).
Trí tuệ nhân tạo (AI): Google Gemini API (Hỗ trợ Gemini 2.5 Flash & Gemini 2.5 Pro).
Cơ sở dữ liệu: MySQL / MariaDB (Tương thích hoàn toàn với Laragon, XAMPP).
Lưu trữ đám mây: Tích hợp Cloudinary lưu trữ file nghe Listening, biểu đồ Writing và ghi âm Speaking.
Đa ngôn ngữ (i18n): Hỗ trợ chuyển đổi song ngữ Tiếng Việt - Tiếng Anh tức thì.

2. Các tính năng nổi bật của hệ thống

a) Tự động sinh đề thi IELTS 4 kỹ năng bằng Google Gemini AI

Listening: AI tự động kịch bản hội thoại 4 Parts, tạo câu hỏi trắc nghiệm / điền từ và tổng hợp giọng đọc tiếng Anh tự nhiên lưu lên Cloudinary.
Reading: Tự động viết 3 bài đọc học thuật chuẩn độ khó Band điểm kèm bộ câu hỏi (True/False/Not Given, Matching Headings, Gap Fill...).
Writing: Tự động tạo đề Task 1 (vẽ biểu đồ SVG trực quan: biểu đồ cột, đường, tròn, bảng) và Task 2 kèm bài mẫu tham khảo.
Speaking: Sinh bộ câu hỏi phỏng vấn Part 1, Cue Card Part 2 và câu hỏi thảo luận chuyên sâu Part 3.
Cho phép chọn Band mục tiêu (5.5 - 8.5) và hỗ trợ hủy tiến trình tạo đề an toàn bất cứ lúc nào.

Tạo đề thi IELTS tự động bằng AI

b) Phòng thi ảo chuẩn Computer-Delivered IELTS

Giao diện chia đôi màn hình (Split-Screen): Kéo thả độ rộng linh hoạt giữa bài đọc/đề bài bên trái và câu hỏi/khung soạn thảo bên phải.
Công cụ làm bài chuyên nghiệp: Tô sáng (Highlight) từ khóa trong bài đọc, gắn cờ (Flag) câu hỏi cần xem lại, đồng hồ đếm ngược thời gian thực, bộ đếm số từ (Word Counter) cho bài thi Writing.
Thu âm Speaking trực tiếp: Ghi âm câu trả lời trực tiếp trên trình duyệt có sóng âm trực quan.

Giao diện làm bài Reading

Giao diện làm bài Writing

c) AI Chấm điểm & Phân tích chi tiết theo Band Descriptors (0.0 - 9.0)

Listening & Reading: Chấm điểm tự động ngay khi nộp bài, quy đổi điểm Band chuẩn IELTS, xem lại đáp án đúng và lời giải thích chi tiết cho từng câu.
Writing & Speaking: AI đóng vai giám khảo IELTS chấm điểm chi tiết theo 4 tiêu chí chính thức (Task Response, Coherence & Cohesion, Lexical Resource, Grammatical Range & Accuracy), chỉ ra điểm mạnh, điểm yếu, bôi vàng lỗi sai trực tiếp trên bài viết và gợi ý cách sửa nâng Band.

Kết quả chấm điểm Writing bằng AI

d) Trang Học viên (Student Portal) & Quản trị viên (Admin Panel)

Dành cho Học viên: Thống kê tiến độ luyện tập, điểm Band trung bình, lọc đề thi theo bộ (Cambridge, Practice Sets) hoặc theo từng kỹ năng, xem lại toàn bộ lịch sử làm bài.
Dành cho Admin: Dashboard thống kê trực quan, Quản lý bộ đề (Test Series), Đề thi (Mock Tests), Câu hỏi & Đáp án, Quản lý kho Media, Quản lý Người dùng, Quản lý Lịch sử thi và Cấu hình kiểm tra kết nối Gemini API trực tiếp.

Dashboard Học viên

Trang quản trị Admin

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 môi trường

PHP: Phiên bản 8.2 hoặc 8.3 (Khuyên dùng phần mềm Laragon hoặc XAMPP).
Cơ sở dữ liệu: MySQL 8.0+ hoặc MariaDB.
Công cụ: Composer 2.x và Node.js 18+ / 20+.

Các bước cài đặt chi tiết

Bước 1: Giải nén source code và tạo một cơ sở dữ liệu mới trong MySQL (phpMyAdmin / HeidiSQL) có tên là ielts_generator.

Bước 2: Nhân bản file .env.example thành file .env, mở file .env và kiểm tra thông tin kết nối Database:

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=ielts_generator
DB_USERNAME=root
DB_PASSWORD=

(Điền thêm thông tin tài khoản Cloudinary miễn phí vào các biến CLOUDINARY_* trong file .env để lưu trữ file âm thanh/hình ảnh).

Bước 3: Mở Terminal tại thư mục dự án và chạy các lệnh cài đặt thư viện & khởi tạo dữ liệu mẫu:

composer install
php artisan key:generate
php artisan migrate --seed
php artisan storage:link
npm install
npm run build

Bước 4: Khởi chạy toàn bộ ứng dụng (Web Server + Queue chấm điểm AI + Vite) chỉ với 1 lệnh:

composer run dev

Sau đó mở trình duyệt truy cập: http://localhost:8000

Tài khoản đăng nhập mặc định (Sau khi chạy migrate --seed)

Tài khoản Admin: admin@ielts.test / Mật khẩu: password
Tài khoản Học viên: student1@ielts.test / Mật khẩu: password

Cấu hình Google Gemini AI Key: Đăng nhập tài khoản Admin → Vào mục Cài đặt (Settings) → Dán API Key lấy miễn phí từ Google AI Studio → Bấm "Kiểm tra kết nối" và Lưu lại. Ngoài ra trong thư mục documentation/index.html đi kèm cũng có hướng dẫn kèm hình ảnh minh họa từng bước.

Nguồn: Topcode.vn