⬡ FlashCard App — SvelteKit + Google Sheets
Ứng dụng flashcard học tập, kết nối Google Sheets để quản lý nội dung.
🚀 Cài đặt & Chạy
npm install
npm run dev
📊 Cấu trúc Google Sheet
Tạo sheet với các cột (hàng đầu là header):
| Front | Back | Category | Hint |
|---|---|---|---|
| Câu hỏi | Câu trả lời | Chủ đề | Gợi ý |
| Photosynthesis | Quang hợp... | Biology | Diệp lục tố |
Các tên cột được chấp nhận:
- Front:
Front,Question,Câu hỏi,Term,Mặt trước - Back:
Back,Answer,Câu trả lời,Definition,Mặt sau - Category:
Category,Tag,Chủ đề,Loại - Hint:
Hint,Gợi ý,Clue
🔑 Cách 1: Google Sheets API v4
- Vào Google Cloud Console
- Tạo project mới → Enable Google Sheets API
- Tạo API Key tại Credentials
- Share sheet: quyền Anyone with the link can view
- Lấy Spreadsheet ID từ URL:
docs.google.com/spreadsheets/d/[SPREADSHEET_ID]/edit - Nhập ID và API Key vào cài đặt app
🔗 Cách 2: CSV Public (không cần API key)
- Mở Google Sheet
- File → Share → Publish to web
- Chọn sheet → định dạng CSV → Publish
- Copy URL và dán vào cài đặt app
⌨️ Phím tắt
| Phím | Chức năng |
|---|---|
← → |
Điều hướng thẻ |
Space |
Lật thẻ |
S |
Đánh dấu sao |
L |
Đánh dấu đã học |
✨ Tính năng
- 🃏 Lật thẻ với animation 3D
- ⭐ Đánh dấu thẻ quan trọng
- ✅ Theo dõi tiến độ học
- 🏷️ Lọc theo danh mục
- 🔀 Trộn thẻ ngẫu nhiên
- 📱 Responsive (mobile-friendly)
- 💾 Lưu tiến độ vào localStorage
- ⌨️ Điều khiển bằng bàn phím
