Ultimate React Course--React Quiz

This is a sample react project showing some examples of useReducer hook

Table of contents

• Ultimate React Course--React Quiz
  • Table of contents
  • Overview
    • The challenge
    • Screenshot
    • Links
    • Built with
    • What I learned
    • Continued development
  • Author

Overview

The challenge

Users should be able to:

• start the quiz
• choose an answer and see if its correct
• finish and restart the quiz
• see a timer that shows how much time is left in the quiz after they started

Screenshot

Links

• Solution URL: (https://github.com/MorganEro/React-Quiz)
• Live Site URL: (https://morganero.github.io/React-Quiz/)

Built with

• CSS custom properties
• JavaScript
• React
• Flexbox
• CSS Grid

What I learned

1. How to create a useReducer hook and when to use it
2. loading from my own json-server (section 191 of ultimate react course)
3. Default value for props
4. set a timer and returning/cleanup function to stop the clock. creating min and secs for timer
5. using the useReducer with a custom hook component

Continued development

I want to continue to grow my knowledge of React and its many capabilities.

Author

• Website - [Morgan Ero] (https://github.com/MorganEro)
• Ultimate React Course- [Jonas Schmedtmann] UDEMY