React
The Tenzie game, built with React, is a fun and interactive dice game where players roll until all dice show the same value. It features reusable components, state management, and conditional rendering to create a smooth user experience.
The App.jsx file generates and updates the dice using useState, while mapping through them to render individual Die components. Each die receives props to handle its value and "hold" state, allowing players to lock in numbers between rolls. The game also incorporates useEffect to focus the "New Game" button upon winning, and useRef to manage this interaction.
The Die component visually updates based on state changes and includes accessibility features like aria-pressed and aria-labels for better screen reader support. Additional functionality, such as the confetti effect upon winning, is seamlessly integrated to enhance the experience.
Tenzie was built to practice my React fundamentals, strengthening my skills in state management, side effects, and component-based architecture.