ashwinrames / 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

1. Fork this repo
2. Clone this repo

Whenever you create a first significant change, you should make your first commit.

3. 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. 😄

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! 🏆

We are proud of you!

Happy Coding ProGrad ❤️!