From b013cb2050c8f71d163212816554ab07bac9cc1a Mon Sep 17 00:00:00 2001 From: Muditapandey26 Date: Sun, 26 Oct 2025 19:31:35 +0530 Subject: [PATCH] Create Language Flashcards project Added a detailed description of the Language Flashcards app, including user stories, bonus features, useful links, and example projects. --- Projects/1-Beginner/Language-Flashcards.md | 31 ++++++++++++++++++++++ 1 file changed, 31 insertions(+) diff --git a/Projects/1-Beginner/Language-Flashcards.md b/Projects/1-Beginner/Language-Flashcards.md index e69de29b..365c58b0 100644 --- a/Projects/1-Beginner/Language-Flashcards.md +++ b/Projects/1-Beginner/Language-Flashcards.md @@ -0,0 +1,31 @@ +# 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 – Build a Flashcard App](https://www.freecodecamp.org/news/build-a-flashcard-app-using-html-css-and-js/) + +## Example Projects + +- [Memory Card App (Florin Pop)](https://memory-card.netlify.app/) +- [Quiz Cards by Web Dev Simplified](https://github.com/WebDevSimplified/Flashcards)