Project 4: React Quiz App
Screenshots
Start of quiz
End of quiz
Demo
Project Synopsis
This is a personal project that I made in Summer 2025. It is a basic quiz made using React framework.
The user simply goes through the quiz completing questions about the capital of France, the programming languages involved in web development, and what JSX stands for.
At the end of the quiz, the user will receive their result.
If the user is not satisfied with their result, then they can take the quiz again for a better score.
Tech Stack
- JavaScript
- HTML
- CSS
- ReactJS
- Node.js
Key Challenges
A key challenge that I came across in this project is finding out how to access state that is in a different component.
For the results page, in order to calculate the resulting score for the user, the answer key to the questions on the quiz, along with the user's answers to each question were needed. But because they were in a separate component (the quiz component), they were unable to be accessed from the results component. As a result, I used props feature of React, and passed the answer key, as well as the state containing the user answers, so I can compare them, and figure out the resulting score of the user-submitted quiz.