🎲 This app combines React fundamentals with interactive game mechanics and strong accessibility practices. Players roll 10 dice, can “hold” their preferred dice to keep their values, and aim to get all dice showing the same number. Upon winning, a confetti animation celebrates the victory, and the “New Game” button is immediately accessible via keyboard for all users.
Key Features:
- Ten interactive dice with hold/unhold functionality
- Automatic win detection triggering a festive confetti animation
- Full accessibility support for screen readers and keyboard navigation
- Clean, responsive design for smooth gameplay across devices
Technologies & Languages:
- JavaScript (ES6+)
- React (functional components, hooks)
- CSS for styling and responsive design
- HTML5 semantic elements
What I learned:
- Effective state management using React hooks
- Conditional rendering based on game state
- Best practices for building accessible and inclusive React apps
