Tenzies is a dice game built using React.js as part of Scrimba's Frontend Career Path. You can access the live demo of the application here.
- React.js for building the user interface and handling component-based architecture.
- JavaScript for implementing logic and functionality.
- HTML & CSS for structuring the user interface and applying styles.
- Randomly rolls 10 dice for each game session.
- Allows the user to hold selected dice and roll the remaining dice.
- Keeps track of the number of rolls it took the user to win the game.
- Maintains the best try score achieved by the user.
During the development of Tenzies, the following skills were acquired and topics were researched:
- Gained a solid understanding of React.js fundamentals, including component-based architecture and state management.
- Implemented event listeners in React components to handle user interactions and trigger appropriate actions.
- Utilized conditional rendering techniques to dynamically display content based on different game states.
- Effectively managed props and state in React to maintain the application's state and trigger reactivity.
- Utilized the
useEffect
hook to manage side effects and perform actions in response to component lifecycle events.
To run Tenzies locally, follow these steps:
- Clone the repository to your local machine.
- Navigate to the project directory in your terminal.
- Run
npm install
to install the necessary dependencies. - Run
npm start
to start the development server. - Open your web browser and go to
http://localhost:3000
to view and interact with the application.