Skip to content

Commit 9948873

Browse files
committed
Add project idea for quiz app
1 parent 67d8fcc commit 9948873

File tree

2 files changed

+44
-1
lines changed

2 files changed

+44
-1
lines changed

src/data/projects/pomodoro-timer.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ description: 'Create a pomodoro tracker application for productivity'
44
isNew: true
55
sort: 28
66
difficulty: 'intermediate'
7-
nature: 'Networking'
7+
nature: 'Frameworks'
88
skills:
99
- 'HTML'
1010
- 'CSS'

src/data/projects/quiz-app.md

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
---
2+
title: 'Quiz App'
3+
description: 'Build a browser-based quiz application to test any knowledge'
4+
isNew: true
5+
sort: 29
6+
difficulty: 'intermediate'
7+
nature: 'Frameworks'
8+
skills:
9+
- 'HTML'
10+
- 'CSS'
11+
- 'JavaScript'
12+
- 'Frameworks'
13+
seo:
14+
title: 'Quiz App'
15+
description: 'Build a browser-based quiz application to test any knowledge'
16+
keywords:
17+
- 'frontend project'
18+
- 'frontend frameworks'
19+
- 'javascript'
20+
- 'frontend project idea'
21+
roadmapIds:
22+
- 'frontend'
23+
---
24+
25+
In this project, we will be making a browser based quiz. 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.
26+
27+
## Requirements
28+
29+
As a developer, feel free to come up with a JSON based quiz the questions as you see fit.
30+
31+
- The user will be initially presented with a "start" button and some detail about the quiz
32+
- When the user presses start they're presented with the first multiple choice question.
33+
- The questions are to be presented as `cards` with the answers being buttons on the card.
34+
- When the user selects an answer, the answer buttons are to turn red or green depending on the result. It should also show what the correct answer was.
35+
- If the user answers correctly, a score is to be incremented.
36+
- At the end of the quiz, the user is presented with a final score and all of the results.
37+
- Optionally add a timer of 1 minute to each question, if user doesn't attempt the question in that time, it should skip to next question and score should be decremented by 1.
38+
39+
You can use any frontend framework such as React, Vue or Angular and some state management library to handle the state.
40+
41+
---
42+
43+
After finishing this project, you will have a good understanding of managing complex states and building an app of moderate complexity using any frontend framework.

0 commit comments

Comments
 (0)