|
|
|
|
@ -0,0 +1,30 @@
|
|
|
|
|
# Language Flashcards
|
|
|
|
|
|
|
|
|
|
**Tier:** 1-Beginner
|
|
|
|
|
|
|
|
|
|
A simple flashcards web app that helps users learn new words in different languages by showing the word, its translation, and optionally an example sentence. The app allows users to add, edit, and delete flashcards, and stores them in the browser (localStorage).
|
|
|
|
|
|
|
|
|
|
## User Stories
|
|
|
|
|
|
|
|
|
|
- [ ] User can **create** a new flashcard by entering a word, its translation, and an optional example sentence.
|
|
|
|
|
- [ ] User can **view** a list of all flashcards.
|
|
|
|
|
- [ ] User can **flip** a flashcard to see its translation or example.
|
|
|
|
|
- [ ] User can **edit** or **delete** existing flashcards.
|
|
|
|
|
- [ ] User’s flashcards are **saved** in localStorage so they persist after reloading.
|
|
|
|
|
|
|
|
|
|
## Bonus Features
|
|
|
|
|
|
|
|
|
|
- [ ] User can **mark** difficult words to review later.
|
|
|
|
|
- [ ] User can **search** flashcards by keyword.
|
|
|
|
|
- [ ] User can **randomize** flashcard order for practice.
|
|
|
|
|
- [ ] User can **switch themes** (light/dark mode).
|
|
|
|
|
|
|
|
|
|
## Useful Links and Resources
|
|
|
|
|
|
|
|
|
|
- [MDN Web Docs: localStorage](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage)
|
|
|
|
|
- [MDN Web Docs: CSS Transitions](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Transitions)
|
|
|
|
|
- [FreeCodeCamp: Improve Your JavaScript Skills by Coding a Card Game](https://www.freecodecamp.org/news/improve-your-javascript-skills-by-coding-a-card-game/)
|
|
|
|
|
|
|
|
|
|
## Example Projects
|
|
|
|
|
|
|
|
|
|
- [Florin Pop's 10-Projects-10-Hours Repository (Contains Memory Game)](https://github.com/florinpop17/10-projects-10-hours)
|