Vocabulary Flashcards
A practical Svelte example: Create a flashcard app with spaced repetition learning
What You'll Learn
- Card flip animations
- Spaced repetition algorithm
- Progress tracking
- Data persistence
- Keyboard shortcuts
Project Structure
vocabulary-flashcards/ ├── src/ │ ├── lib/ │ │ ├── Flashcard.svelte │ │ ├── DeckView.svelte │ │ ├── StudySession.svelte │ │ ├── Progress.svelte │ │ └── Settings.svelte │ ├── stores/ │ │ ├── decks.js │ │ └── progress.js │ ├── utils/ │ │ └── spacedRepetition.js │ └── App.svelte ├── public/ │ └── index.html └── package.json
Key Features
- Create and manage decks
- Card flip animations
- Spaced repetition learning
- Progress statistics
- Import/export decks
- Study reminders
- Offline support