/Quiz-App-REACTjs

coding-challenge: The Quiz App uses React's useEffect and useReducer hooks for dynamic data fetching and state management. It pulls questions from an API and manages user interactions, scoring, and timers through modular components like headers, loaders, and progress indicators.

Primary LanguageJavaScript

Quiz-App-REACTjs

coding-challenge

  • React Hooks (useState, useReducer, useEffect) in action
  • Use json-server to create fake api for questions to load @localhost/(http://localhost:9000/questions)
  • useReducer updating multiple state value property in a one action dispatch
  • prop-drilling
  • derived state variables
  • UI layout & style copied
  • code refactoring (Context API, useReducer, and created custom hooks for advanced state management)