LingoLoot - Ứng dụng học ngôn ngữ tương tác kéo-thả theo cốt truyện tích hợp AI

1. Tổng quan dự án: LingoLoot là một nền tảng học ngoại ngữ thế hệ mới, nơi kiến thức được truyền tải qua các chương hồi của một câu chuyện hấp dẫn. Thay vì học theo phương pháp truyền thống, người dùng tham gia trực tiếp vào diễn biến câu truyện thông qua các nhiệm vụ tương tác thực tế. 2. Các tính năng nổi bật: Cơ chế Kéo-Thả (Drag-and-drop Interaction): Đây là lõi tương tác của dự án. Người dùng thực hiện các thao tác kéo-thả thẻ từ vựng, hình ảnh hoặc các thành phần logic để giải quyết tình huống trong story, giúp tăng tối đa sự tập trung và khả năng ghi nhớ. Dẫn dắt theo Story: Toàn bộ lộ trình học tập được thiết kế như một kịch bản trò chơi, giúp người dùng không cảm thấy nhàm chán và luôn tò mò về nội dung tiếp theo. Cá nhân hóa bằng AI: Tích hợp AI để phân tích hành vi tương tác, từ đó điều chỉnh nội dung câu chuyện và độ khó của các thẻ kéo-thả sao cho phù hợp nhất với năng lực của mỗi cá nhân. Giao diện Responsive: Đảm bảo các thao tác kéo-thả mượt mà, chính xác trên cả thiết bị di động và máy tính. 3. Công nghệ sử dụng: Frontend: Next.js (phiên bản 16), React, TypeScript. Interactions: Sử dụng các thư viện quản lý kéo-thả (DnD) chuyên sâu để xử lý logic va chạm và trạng thái của các phần tử trong story. Backend & Database: Triển khai trên hệ sinh thái MongoDB. UI Framework: Tailwind CSS giúp tối ưu hóa giao diện trực quan và tinh tế.