[Mã code 67211]

Game Học Đọc - Đánh Vần Tiếng Việt Cho Trẻ Em 3-7 Tuổi (Gamestva) + Candy Crush Mini Game

  (1 Đánh giá)
  0       14    

Ứng dụng học đọc tiếng Việt tương tác cho trẻ mẫu giáo và tiểu học, kết hợp game ghép chữ, đánh vần với mini-game Candy Crush. Giao diện thân thiện, hỗ trợ giọng đọc tiếng Việt tự động, hệ thống quản

Danh mục
Thể loại
Ngày đăng
17-12-2025
Loại file
Full code
File download
 .rar [ MB]
CAM KẾT TỪ NGƯỜI BÁN
TKdemo1: demo1@gmail.com
MK: 123456
✅ Source code đầy đủ, không mã hóa, có comment tiếng Việt
✅ Tài liệu hướng dẫn cài đặt chi tiết (70+ file .md)
✅ Hỗ trợ setup Supabase database
✅ Fix lỗi trong 30 ngày đầu (gói nâng cao)
✅ Hướng dẫn deploy lên hosting/domain
✅ Update tính năng mới (theo yêu cầu, phí riêng)
📦 Bao gồm:
- Full source HTML/CSS/JavaScript
- Supabase schema + config
- 70+ file tài liệu tiếng Việt
- File âm thanh (chinhxac.wav, saidapan.wav)
- Test files đầy đủ
- Admin dashboard
- Parent dashboard
- Analytics system
🛠️ Tech Stack:
- Frontend: Vanilla JavaScript (không framework)
- Backend: Supabase (PostgreSQL + Auth)
- Audio: Web Speech API + Audio files
- Styling: Pure CSS với animations
- Mobile: Responsive + Touch support

(Hạng vàng)
Xem trang

Source code
1

Đánh giá (1)
5/5

Ngày tham gia
17/12/2025

TKdemo1: demo1@gmail.com

MK: 123456

demo2@gmail.com

MK: 123456

🎮 GAME HỌC ĐỌC - ĐÁNH VẦN TIẾNG VIỆT CHO TRẺ EM

📌 TỔNG QUAN DỰ ÁN

Ứng dụng giáo dục tương tác giúp trẻ em 3-7 tuổi học đọc, đánh vần tiếng Việt thông qua game ghép chữ vui nhộn. Kết hợp công nghệ giọng nói tự động, hệ thống phần thưởng hấp dẫn và mini-game Candy Crush để tạo động lực học tập.

✨ TÍNH NĂNG CHÍNH

  • Game Ghép Chữ Tương Tác:
    • 5 cấp độ khó tăng dần (từ 2-10 chữ cái)
    • Hệ thống chữ nhiễu thông minh
    • Drag & drop đơn giản cho trẻ em
    • Gợi ý tự động sau 2 giây
  • Giọng Đọc Tiếng Việt Tự Nhiên:
    • Web Speech API - Google Vietnamese Voice
    • Đọc từng chữ cái khi kéo
    • Đọc từ/câu hoàn chỉnh
    • Âm thanh chúc mừng khi đúng
  • Mini-Game Candy Crush:
    • Phần thưởng sau khi học
    • Match-3 mechanics đầy đủ
    • Cascade & combo system
    • 30 moves, mục tiêu 1000 điểm
    • Hint system tự động
  • Hệ Thống Quản Lý:
    • Dashboard phụ huynh theo dõi tiến độ
    • Admin panel với analytics chi tiết
    • Biểu đồ thống kê theo thời gian
    • Quản lý người dùng
  • Gamification:
    • Hệ thống sao ⭐ và xu 🪙
    • Cửa hàng mua nhân vật
    • Streak (chuỗi đúng liên tiếp)
    • Sticker collection
  • Backend & Database:
    • Supabase PostgreSQL
    • Authentication system
    • Realtime sync
    • Analytics tracking

🎯 ĐỐI TƯỢNG SỬ DỤNG

  • Trung tâm giáo dục mầm non
  • Phụ huynh có con 3-7 tuổi
  • Giáo viên tiểu học
  • Startup EdTech
  • Nhà phát triển muốn customize

💻 CÔNG NGHỆ SỬ DỤNG

Phần Công nghệ
Frontend HTML5, CSS3, Vanilla JavaScript (ES6+)
Backend Supabase (PostgreSQL + Auth + Realtime)
Audio Web Speech API + Audio Files
Animation CSS Animations + Canvas API
Storage LocalStorage + Supabase Database

📦 CẤU TRÚC THỨ MỤC

gamestva/
├── index.html              # Trang chính
├── auth.html               # Đăng nhập/đăng ký
├── candy-crush.html        # Mini-game
├── admin.html              # Admin dashboard
├── parent-dashboard.html   # Dashboard phụ huynh
├── main.js                 # Logic game chính (2944 dòng)
├── candy-crush.js          # Logic Candy Crush
├── supabase-config.js      # Cấu hình backend
├── analytics-service.js    # Tracking & analytics
├── difficulty-system.js    # Hệ thống độ khó
├── styles.css              # Styling chính
├── sounds/                 # Thư mục âm thanh
│   ├── chinhxac.wav
│   └── saidapan.wav
└── docs/                   # 70+ file tài liệu .md

🚀 TÍNH NĂNG NỔI BẬT

  1. Không cần framework: Pure JavaScript, dễ customize
  2. Responsive 100%: Hoạt động mượt trên mọi thiết bị
  3. PWA Ready: Cài đặt như app native
  4. Offline Support: LocalStorage backup
  5. SEO Friendly: Semantic HTML
  6. Performance: Tối ưu tốc độ load
  7. Accessibility: Hỗ trợ người khuyết tật
  8. Multi-language Ready: Dễ dàng thêm ngôn ngữ

📊 THỐNG KÊ DỰ ÁN

  • 📄 150+ files source code
  • 📝 70+ files tài liệu hướng dẫn
  • 💾 ~5MB tổng dung lượng
  • ⏱️ 3-6 tháng phát triển
  • 🧪 30+ test files đầy đủ

🎁 BONUS TẶNG KÈM

  • ✅ Video hướng dẫn setup (15 phút)
  • ✅ File Supabase schema SQL
  • ✅ PowerShell scripts tự động
  • ✅ Test files đầy đủ
  • ✅ Debug guides chi tiết
  • ✅ Deployment checklist

⚡ YÊU CẦU HỆ THỐNG

  • Browser: Chrome 90+, Firefox 88+, Safari 14+, Edge 90+
  • Node.js: 14+ (chỉ cho development)
  • Supabase account (free tier OK)
  • Hosting: Netlify/Vercel/GitHub Pages (miễn phí)

📞 HỖ TRỢ

Mua source code bao gồm:

  • ✉️ Email support: 30 ngày
  • 🐛 Fix bugs: Miễn phí trong 30 ngày
  • 📚 Tài liệu: Cập nhật liên tục
  • 🔄 Updates: Theo yêu cầu (phí riêng)

⚠️ LƯU Ý

  • Source code bán không giới hạn domain
  • Được phép customize tùy ý
  • Không được bán lại source code
  • Credit gốc không bắt buộc nhưng đánh giá cao


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

HÌNH ẢNH DEMO


source code game học tiếng việt,game giáo dục trẻ em,học đọc đánh vần,game ghép chữ,candy crush clone,edtech vietnam

source code game học tiếng việt,game giáo dục trẻ em,học đọc đánh vần,game ghép chữ,candy crush clone,edtech vietnam

source code game học tiếng việt,game giáo dục trẻ em,học đọc đánh vần,game ghép chữ,candy crush clone,edtech vietnam

source code game học tiếng việt,game giáo dục trẻ em,học đọc đánh vần,game ghép chữ,candy crush clone,edtech vietnam

source code game học tiếng việt,game giáo dục trẻ em,học đọc đánh vần,game ghép chữ,candy crush clone,edtech vietnam

source code game học tiếng việt,game giáo dục trẻ em,học đọc đánh vần,game ghép chữ,candy crush clone,edtech vietnam

source code game học tiếng việt,game giáo dục trẻ em,học đọc đánh vần,game ghép chữ,candy crush clone,edtech vietnam

source code game học tiếng việt,game giáo dục trẻ em,học đọc đánh vần,game ghép chữ,candy crush clone,edtech vietnam

source code game học tiếng việt,game giáo dục trẻ em,học đọc đánh vần,game ghép chữ,candy crush clone,edtech vietnam

source code game học tiếng việt,game giáo dục trẻ em,học đọc đánh vần,game ghép chữ,candy crush clone,edtech vietnam


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

📖 HƯỚNG DẪN CÀI ĐẶT CHI TIẾT

BƯỚC 1: DOWNLOAD & GIẢI NÉN

  1. Download file ZIP từ link đã cung cấp
  2. Giải nén vào thư mục bất kỳ (VD: C:\gamestva)
  3. Mở thư mục bằng VS Code hoặc editor yêu thích

BƯỚC 2: SETUP SUPABASE (5 PHÚT)

  1. Truy cập supabase.com và đăng ký miễn phí
  2. Tạo project mới (chọn region gần nhất)
  3. Vào Settings → API, copy:
    • Project URL
    • Anon Public Key
  4. Mở file supabase-config.js, thay đổi:
    const SUPABASE_URL = 'YOUR_PROJECT_URL';
    const SUPABASE_ANON_KEY = 'YOUR_ANON_KEY';
        
  5. Vào SQL Editor, chạy file supabase-analytics-tables.sql

BƯỚC 3: CHẠY LOCAL (TÙY CHỌN)

Cách 1: Live Server (VS Code)

  1. Cài extension "Live Server"
  2. Right-click index.html → Open with Live Server
  3. Truy cập http://localhost:5500

Cách 2: Python Server

cd gamestva
python -m http.server 8000
# Truy cập http://localhost:8000

Cách 3: Node.js (đã có server.js)

npm install
node server.js
# Truy cập http://localhost:3000

BƯỚC 4: DEPLOY LÊN HOSTING

Option A: Netlify (Khuyến nghị - Miễn phí)

  1. Đăng ký netlify.com
  2. Kéo thả thư mục vào Netlify Drop
  3. Đợi 1-2 phút → Nhận link https://your-site.netlify.app
  4. Cấu hình domain riêng (nếu có)

Option B: Vercel

npm i -g vercel
cd gamestva
vercel
# Follow prompts

Option C: GitHub Pages

  1. Push code lên GitHub repo
  2. Settings → Pages → Source: main branch
  3. Truy cập https://username.github.io/gamestva

BƯỚC 5: CẤU HÌNH NÂNG CAO

Thay đổi nội dung game:

  • Từ vựng: Sửa word-data-optimized.js
  • Câu: Sửa sentence-data.js
  • Độ khó: Sửa difficulty-system.js
  • Màu sắc: Sửa styles.css

Thêm âm thanh:

  1. Thêm file .wav vào thư mục sounds/
  2. Sửa celebration-sounds.js để load file mới

Tắt Supabase (chỉ dùng LocalStorage):

  1. Uncomment dòng trong index.html:
    <script src="disable-supabase-sync.js"></script>

BƯỚC 6: TEST & DEBUG

  1. Mở test-simple.html để test cơ bản
  2. Mở test-audio-simple.html để test âm thanh
  3. Mở test-supabase-connection.html để test database
  4. Check console (F12) xem có lỗi không

🆘 XỬ LÝ LỖI THƯỜNG GẶP

Lỗi: Không có giọng đọc

  • Đọc file BAT-BUOC-GIONG-VIET.md
  • Cài Google Chrome (có giọng Việt tốt nhất)
  • Bật quyền microphone trong browser

Lỗi: Supabase 504

  • Đọc file FIX-504-ERROR-GUIDE.md
  • Kiểm tra API key đúng chưa
  • Chạy lại SQL schema

Lỗi: Mobile không scroll

  • Đọc file MOBILE-SCROLL-FIX-GUIDE.md
  • Clear cache browser
  • Test trên Chrome mobile

📚 TÀI LIỆU THAM KHẢO

  • README.md - Tổng quan dự án
  • DEPLOY-CHECKLIST.md - Checklist deploy
  • HUONG-DAN-*.md - 70+ file hướng dẫn chi tiết
  • FIX-*.md - Hướng dẫn fix lỗi
  • TEST-*.md - Hướng dẫn test

✅ HOÀN TẤT

Sau khi hoàn thành các bước trên, bạn đã có:

  • ✅ Website chạy online
  • ✅ Database Supabase hoạt động
  • ✅ Giọng đọc tiếng Việt
  • ✅ Mini-game Candy Crush
  • ✅ Admin & Parent dashboard

Thời gian setup: 15-30 phút

Cần hỗ trợ? Email: your-email@example.com




Nguồn: Topcode.vn

CODE GẦN GIỐNG

BÌNH LUẬN (0)


ĐÁNH GIÁ (1)

ĐIỂM TRUNG BÌNH

5
1 Đánh giá
Code rất tốt (1)
Code tốt (0)
Code rất hay (0)
Code hay (0)
Bình thường (0)
Thành viên
Nội dung đánh giá
15:22 - 17/12/2025
Code rất tốt
Code rất tốt và phù hợp để phát triển
HỖ TRỢ TRỰC TUYẾN