Flashcards App
Flashcards App
Difficulty :intermediate
FlashCards are a time-tested technique used by students to review and test their knowledge on a particular subject. This app is based on a knowledge base of questions and answers and randomly displays cards with questions and multiple answers.
This project teaches you about data structures, randomization algorithms, and creating educational applications with scoring systems.
User Stories:
- User can see a single card, randomly picked from the "deck" displayed at any point in time
- User can see a question on the card and a list of four possible answers, each identified by a letter
- User can select an answer by clicking on it
- User can see an error displayed when the wrong answer is selected
- User can see a congratulations message when the correct answer is selected
- User can click a 'Next Question' button to display the next flash card
Bonus Features:
- User can click a 'Results' button to display the tallies of correct and incorrect answers
- User can click a 'Reset' button to reset the tallies of correct and incorrect answers
- User can click a 'Shuffle' button to re-randomize the "deck"
- User can click a 'More Info' button to flip the flash card to see additional information
- User can create custom flash card decks
- User can track progress over time
- User can set difficulty levels
- User can study specific topics or categories
- User can see performance analytics
What you'll learn:
- Data structures for storing questions and answers
- Randomization and shuffling algorithms
- State management for tracking progress
- Card flip animations with CSS
- Score calculation and statistics
- Local storage for progress tracking
- Quiz application architecture
- User feedback and interactive design
Example of implementations to inspire from :
Share the word :