diff --git a/Projects/Quiz-App.md b/Projects/Quiz-App.md new file mode 100644 index 00000000..23fb0867 --- /dev/null +++ b/Projects/Quiz-App.md @@ -0,0 +1,32 @@ +# Quiz App + +**Tier:** 1-Beginner + +Practice and test your knowledge by answering questions in a quiz application. + +As a developer you can create a quiz application for testing coding skills of other developers. (HTML, CSS, JavaScript, Python, PHP, etc...) + +## User Stories + +- [ ] User can start the quiz by pressing a `button` +- [ ] User can see a question with 4 possible answers +- [ ] After selecting an answer, display the next question to the User. Do this until the quiz is finished +- [ ] At the end, the User can see the following statistics + - Time it took to finish the quiz + - How many correct answers did he get + - A message showing if he `passed` or `failed` the quiz + +## Bonus features + +- [ ] User can share the result of a quiz on social media +- [ ] Add multiple quizzes to the application. User can select which one to take +- [ ] User can create an account and have all the scores saved in his dashboard. User can complete a quiz multiple times + +## Useful links and resources + +- [Open Trivia Database](https://opentdb.com/api_config.php) + +## Example projects + +- [Quiz app built with React](http://tranquil-beyond-43849.herokuapp.com/) (wait for it to load as it is hosted on Heroku) +- [Quiz app interface](https://codepen.io/FlorinPop17/full/qqYNgW) diff --git a/README.md b/README.md index baa61233..32ff7e40 100644 --- a/README.md +++ b/README.md @@ -46,6 +46,7 @@ required to complete them. | [Lorem Ipsum Generator](./Projects/Lorem-Ipsum-Generator.md) | Generate lorem ipsum placeholder text | 1-Beginner | | [Notes App](./Projects/Notes-App.md) | Create and online note pad | 1-Beginner | | [Pomodoro Clock](./Projects/Pomodoro-Clock.md) | Task timer to aid personal productivity | 1-Beginner | +| [Quiz App](./Projects/Quiz-Clock.md) | Test your knowledge by answering questions | 1-Beginner | | [Roman to Decimal Converter](./Projects/Roman-to-Decimal-Converter.md) | Convert Roman to Decimal numbers | 1-Beginner | | [Slider Design](./Projects/Slider-Design.md) | Display images using a slider control | 1-Beginner | | [TrueOrFalse](./Projects/True-or-False-App.md) | Identify the result of a conditional comparison | 1-Beginner |