wip: flash cards project

src/data/projects/age-calculator.md

@@ -12,7 +12,7 @@ skills:
   - 'DOM Manipulation'
   - 'Package Management'
 seo:
-  title: Age Calculator
+  title: Build an Age Calculator App with JavaScript
   description: Create an age calculator using HTML, CSS, and JavaScript.
   keywords:
     - 'age calculator'

src/data/projects/flash-cards.md

@@ -0,0 +1,40 @@
+---
+title: Flash Cards
+description: Create a flash card app using JavaScript frameworks.
+isNew: false
+sort: 19
+difficulty: 'beginner'
+nature: 'Frontend'
+skills:
+  - 'HTML'
+  - 'CSS'
+  - 'JavaScript'
+  - 'JavaScript Frameworks'
+seo:
+  title: Build a Flash Cards App
+  description: Create a flash card app using JavaScript frameworks
+  keywords:
+    - 'flash cards'
+    - 'frontend project idea'
+    - 'javascript frameworks'
+roadmapIds:
+  - 'frontend'
+  - 'javascript'
+---
+
+The goal of this project is to help you learn about how to use state management and component-based architecture using JavaScript frameworks. You will build a flash card app with pre-defined JavaScript questions and answers that users can flip through to test their knowledge.
+
+![Flash Cards](https://assets.roadmap.sh/guest/flash-cards-crzw6.png)
+
+## Requirements
+
+You are required to develop a flash cards app with the following features:
+
+- Pre-defined flashcards with questions and answers
+- Progress bar to show the user's progress
+- Ability to view flashcards one at a time and flip to reveal the answer
+- Simple navigation to cycle through the flashcards
+
+<hr />
+
+This project will help you understand how to manage state and create reusable components. You can use any framework of your choice, such as React, Angular, or Vue.js, to build this project.