A simple and engaging learning app that makes studying fun through gamification and multiple learning modes.
Fliply is a learning application built with Vue 3 and Vite. Users can create custom study sets or use pre-made ones to learn vocabulary and phrases in different languages. The app features a reward system that keeps learners motivated by allowing them to unlock customization options as they progress.
- Flashcards - Traditional flashcard-based learning
- Quiz - Test your knowledge with multiple-choice questions
- Learn - Type in the correct translation to test your recall
- Match - Match terms with their definitions in a timed challenge
- Earn coins by completing Quiz, Learn, and Match modes
- Unlock new app themes with your earned coins
- Customize your profile with unlockable profile pictures
Unlock achievements by:
- Learning a certain number of cards
- Maintaining daily learning streaks
- Creating multiple study sets
- Reaching milestones in different learning modes
- Create your own custom study sets
- Access pre-made study sets for quick learning
- Available in English and German
- Switch between languages seamlessly in the app settings
Video demo: YouTube
VS Code + Vue (Official) (and disable Vetur).
- Chromium-based browsers (Chrome, Edge, Brave, etc.):
- Firefox:
TypeScript cannot handle type information for .vue imports by default, so we replace the tsc CLI with vue-tsc for type checking. In editors, we need Volar to make the TypeScript language service aware of .vue types.
npm install