project-builder-react-stage-3-result
ProGrad PROJECT BUILDER | REACT - QUIZ STAGE II - DYNAMIC RENDER
Learning Goals
In this exercise, the goal is to learn building a complete quiz app on a stage by stage basis:
- props and state,
- how to work with event handlers.
- work with maps and filters
- work with json object.
Getting started
- Fork this repo
- Clone this repo
Whenever you create a first significant change, you should make your first commit.
- Follow these guidelines to add, commit and push changes.
In the end of this document, you will find guidelines on how to submit the exercise.
Introduction
We will continue to improve our code from where we left previously. We will work on the Quiz component today. We will calculate the scores and display in the result component.
Note: use rcc to generate the code template..
So let’s get started! Check below to see the overall output: You will be trying to replicate this
PROGRESSION 1 | SCORE TIME
Your task in this iteration is to complete the scores and pass it to result component to display as per the screenshot given below.
PROGRESSION 2 | SHOW RIGHT OR SHOW WRONG
Your task in this iteration to show whether the answer you chose is right or wrong. You can see the overall output for reference.
PROGRESSION 3 | REDIRECT
Once the quiz is complete or when the user selects quiz redirect to result page and show the scores.
PROGRESSION 4 | ROUTING
Complete all the routing part.
Submission
If you didn’t add, commit and push the changes you made, this is the last call. :smile:
please share your github links with your Mentors. Your Mentor’s will check up your work and provide feedback.
Summary
If you managed to do it, good job! :trophy:
We are proud of you!
Happy Coding ProGrad ❤️!