From fe03cb6b8bc2b65313e170b75b04cb97dad36468 Mon Sep 17 00:00:00 2001
From: dsh <daniel.s.holdsworth@gmail.com>
Date: Thu, 17 Oct 2024 12:24:33 +0100
Subject: [PATCH] add quizz project

---
 src/data/projects/quizz.md | 45 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)
 create mode 100644 src/data/projects/quizz.md

diff --git a/src/data/projects/quizz.md b/src/data/projects/quizz.md
new file mode 100644
index 000000000..6f3aa673e
--- /dev/null
+++ b/src/data/projects/quizz.md
@@ -0,0 +1,45 @@
+---
+title: 'Quizz'
+description: 'Build a browser-based quizz.'
+isNew: false
+sort: 1
+difficulty: 'intermediate'
+nature: 'Web App'
+skills:
+  - 'Programming Language'
+  - 'Browser'
+  - 'Web App'
+  - 'JavaScript'
+  - 'HMTL'
+  - 'CSS'
+seo:
+  title: 'Build a Web-based Quiz.'
+  description: 'Build a web-based quizz with a timer and high scores.'
+  keywords:
+    - 'html'
+    - 'css'
+    - 'javascript'
+    - 'frontend project idea'
+    - 'quiz'
+roadmapIds:
+  - 'frontend'
+---
+
+In this project, we will be making a browser based quizz. The app will present users with a series of multiple-choice questions and after each question, the app will provide immediate feedback on whether the selected answer is correct or incorrect.
+
+## Requirements
+
+As the developer, feel free to define the questions as you see fit.
+
+- The user will be initially present with a "start" button.
+- When the user presses start they're presented with the first multiple choice question.
+- The questions are to be presented as `cards` with the answers being buttons on the card.
+- When the user selects an answer, the answer buttons are to turn red or green depending on the result.
+- If the user answers correctly, a score is to be incremented.
+- At the end of the quizz, the user is presented with a final score and all of the results.
+
+## Stretch Goals
+
+- Add a time limit to each question, skipping the question and give a 0 score if the limit is hit.
+- Add the feature of user inputted answers for more complexity.
+- Allow the user to share their results on social media.
\ No newline at end of file