Technology used

HTML, CSS, JavaScript, React.js,React-Hooks, React-Router-dom v6, Grid System of Bootstrap, Material UI

What are the scenarios

☑️Here are the scenarios - When the user clicks a button, the next question should show

If the user gets the question correct, it should increment their

After click automatic new question should appear

Show clicked ans was correct or incorrect

When the user gets to the end of the quiz, their total score should be shown

Our first goal is to take the question data from the array, and display it on the screen

Here it is 💯

What i have learned

✒️Interactions with Material UI and key JavaScript methods.

✒️Working with user events and state to create interactive applications.

✒️How to shuffle array to mix correct option with incorrect option.

✒️React Hooks (in-depth)! ex. useSelector , useState, useEffect, useDispatch etc.

✒️Class-based components and functional components.

✒️Various HTML and CSS elements along with Basic JavaScript and modern ES6 practices used in building a functional and responsive quiz App, as shown in the Gif above

✒️Routing with React Router.

✒️How to use Grid System of Bootstrap or React-Bootstrap

✒️Amazing things and learning a lot along on the way.