Skip to content

hinedy/tenzies

Repository files navigation

Tenzies

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.

Technologies Used

  • 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.

Features

  • 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.

Skills Acquired & Topics Researched

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.

Installation

To run Tenzies locally, follow these steps:

  1. Clone the repository to your local machine.
  2. Navigate to the project directory in your terminal.
  3. Run npm install to install the necessary dependencies.
  4. Run npm start to start the development server.
  5. Open your web browser and go to http://localhost:3000 to view and interact with the application.