React Quiz

Application preview: React Quiz

About the project

This project aims to create an application where the user can answer questions about general knowledge. Where he just needs to choose the amount of questions he wants, and then go to answer them. At the end, a report of your results will be shown.

🚀 Technologies Used

• Node.js
• TypeScript
• ReactJS
• React Hooks
• React Context API
• React Router DOM
• Styled Components
• Material UI
• React Hot Toast

🎨 Layout preview

✅ Feature

• When accessing the page, the user must choose the number of questions he wants to answer.
• After choosing, a page should appear with two buttons, “Start” and “Cancel”.
• When selecting “Cancel”, it must return to choose the quantity.
• When selecting "Start" you must make a request at the URL provided, get the questions and for each question, you must display the answers.
• The user must choose an answer and for each answer must count the number of hits and errors.
• At the end, there should be a report with the number of successes and errors and a list of each question and which was right and which was wrong.
• In this list the chosen answer and the correct answer must also appear.
• Score must be stored in localStorage.
• On the first page and if there is a quiz saved in localStorage, there should be a possibility to review this report result.

😯 How to contribute to the project

1. Fork the project, and create a Branch for your Feature (git checkout -b feature/AwesomeFeature)
2. Add your changes (git add .)
3. Commit your changes (git commit -m 'Adding an awesome Feature!)
4. Push the Branch (git push origin feature/AwesomeFeature)
5. Open a Pull Request

If you have any questions check out this How to contribute on GitHub guide

---

Made with 💜 by Maycon Gorgonha 👋🏽 Get in touch!

MIT License © Maycon Gorgonha