Challenge

Managing state transitions for loading, error, and quiz progress was a challenge. I opted for useReducer to centralize state logic, which made the application easier to maintain and scale.

Integrating error states and ensuring graceful degradation when the API failed required careful handling of asynchronous calls with try-catch blocks and user-friendly error messages.

Ensuring the application adhered to strict TypeScript rules required defining precise interfaces for State, Action, and QuestionType. This improved code reliability and reduced bugs.