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