← Back to Portfolio
Quiz
An interactive quiz app built with React and TypeScript, implemented in two ways — custom hooks and React Context.
Overview
A React 18 quiz application structured with Feature-Sliced Design. The project is intentionally implemented twice: the master branch uses custom hooks with useState/useReducer for state management, while the context branch demonstrates the same app with global React Context. Styled with SCSS Modules and built on Vite with SWC for fast compilation.
Technologies Used
Key Features
- Two state management approaches: custom hooks vs React Context
- Feature-Sliced Design architecture (entities, features, shared, ui)
- Question flow with progress tracking via custom hooks
- Button and question transition animations with CSS/SCSS
- Navigation between quiz screens via React Router
Screenshots
