You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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.