Add quiz mode and delete functionality with improved UI#1
Conversation
- 新增測驗模式（Quiz Mode）：隱藏翻譯與例句，點擊才揭露，強化主動回憶 - 新增刪除單字按鈕：滑入卡片才顯示，需點兩次確認，防誤刪 - 顯示 category 標籤：單字的業務/金融/旅遊等分類現在顯示在卡片上 - 新增掌握率進度條：標題區與統計區各一條漸層進度條 - 篩選標籤顯示數量：各類別（Reading/Listening/Both）旁邊附上單字數 - 統計區重構為三欄（已掌握/學習中/總計），加上整體進度條 - 更新 Gemini 模型 ID 至最新版本
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
![chatgpt-codex-connector[bot]](https://avatars.githubusercontent.com/in/1144995?s=60&v=4){kind=small}
There was a problem hiding this comment.
💡 Codex Review
Here are some automated review suggestions for this pull request.
Reviewed commit: 901d384fdb
ℹ️ About Codex in GitHub
Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you
- Open a pull request for review
- Mark a draft as ready
- Comment "@codex review".
If Codex has suggestions, it will comment; otherwise it will react with 👍.
Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".
| deletingId === item.id | ||
| ? 'bg-red-500 text-white animate-pulse' | ||
| : 'bg-white/5 text-slate-700 hover:text-red-400 hover:bg-red-400/10 opacity-0 group-hover:opacity-100' |
There was a problem hiding this comment.
The new delete control is rendered with opacity-0 and only becomes visible via group-hover, so on touch-only/mobile environments (where hover is absent or unreliable) users may never see a delete affordance and effectively cannot discover the new deletion flow. Since deletion is only exposed through this button, the feature can be unusable on common PWA usage contexts unless the button has a non-hover visible state.
Useful? React with 👍 / 👎.
- 間隔重複：每張卡片記錄 srLevel（0~5）與 nextReview 時間 - 答對 → 等級升一，複習間隔加倍（1→3→7→14→30天） - 答錯 → 重置到等級1，明天再複習 - 到達等級5自動標記為已掌握 - 今日複習模式：全螢幕翻牌流程，含進度條、記得/不記得按鈕 - 統計區「待複習」欄位顯示今日到期單字數 - 同義字：可點擊播放發音 - 字根：琥珀色區塊顯示字根來源 - DB 升至 version 2，新增 nextReview、srLevel 索引 https://claude.ai/code/session_01TqzSH8qwo87whjn1ENGp2i
2 participants
Summary
Enhanced the vocabulary learning app with a quiz mode for active recall practice and added the ability to delete vocabulary items. Also improved the UI with better statistics display and category filtering enhancements.
Key Changes
Quiz Mode Feature
Delete Functionality
UI/UX Improvements
API Resilience
Code Quality
typeCountsmemoization for efficient category countingProject Setup
.gitignorefile for standard Node.js/build artifactshttps://claude.ai/code/session_01TqzSH8qwo87whjn1ENGp2i