From 06af3d134e9f7b599338d2d970dd66b2575ab06c Mon Sep 17 00:00:00 2001 From: Isha singh <115151019+ishaaaa8@users.noreply.github.com> Date: Thu, 6 Oct 2022 18:42:50 +0530 Subject: [PATCH] Add files via upload --- Notes-App.md | 30 ++++++++++++++++++++++++++++++ Quiz-App.md | 33 +++++++++++++++++++++++++++++++++ 2 files changed, 63 insertions(+) create mode 100644 Notes-App.md create mode 100644 Quiz-App.md diff --git a/Notes-App.md b/Notes-App.md new file mode 100644 index 00000000..601b2fc9 --- /dev/null +++ b/Notes-App.md @@ -0,0 +1,30 @@ +# Notes App + +**Tier:** 1-Beginner + +Create and store your notes for later purpose! + +## User Stories + +- [ ] User can create a note +- [ ] User can edit a note +- [ ] User can delete a note +- [ ] When closing the browser window the notes will be stored and when the User returns, the data will be retrieved +- [ ]user can place notes on homescreen +## Bonus features + +- [ ] User can create and edit a note in Markdown format. On save it will convert Markdown to HTML +- [ ] User can see the date when he created the note +- [ ]user can set timer for target + +## Useful links and resources + +- [localStorage](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage) +- [Markdown Guide](https://www.markdownguide.org/basic-syntax/) +- [Marked - A markdown parser](https://github.com/markedjs/marked) +- [google-keep](https://www.google.co.in/keep/) +## Example proj(ects + +- [Markdown Notes built with Angular on Codepen](https://codepen.io/nickmoreton/full/gbyygq) +- [Markdown Notes built with React](https://github.com/email2vimalraj/notes-app) +- [Markdown Notes built with Angular 7 and bootstrap 4](https://github.com/omdnaik/angular-ui) diff --git a/Quiz-App.md b/Quiz-App.md new file mode 100644 index 00000000..21b4ee46 --- /dev/null +++ b/Quiz-App.md @@ -0,0 +1,33 @@ +# 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) +- [Quiz application](https://www.geeksforgeeks.org/how-to-create-a-quiz-app-in-android/) +## 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) +- [Quiz Progressive Web App built with React](https://github.com/SafdarJamal/quiz-app)