Managing component state
Tracking dice values and held states with React, updating the game interface as players roll and select individual dice.
Back to projects
Featured Project / Front-End Development
Tenzies
An interactive dice game built with React, combining simple game logic with dynamic, state-driven gameplay.
Overview
A simple game with interactive logic.
Tenzies is an interactive dice game built as part of the Scrimba Frontend Developer course. The goal is to roll the dice until all values match, holding individual dice between rolls to keep the values you want.
The application responds to player interactions by updating dice values and their held states. React dynamically renders these changes, allowing players to track their progress throughout the game.
Building this project strengthened my understanding of React fundamentals, including component state, props, event handling, and conditional rendering. It also reinforced the importance of immutability when updating state and keeping the interface consistent with the underlying game logic.
Development Process
What I learned.
Working with props and events
Passing data and event handlers between components to connect individual dice interactions with the overall game behavior.
Writing predictable game logic
Practicing immutable state updates and conditional rendering to keep the interface responsive and the game progress consistent.