https://github.com/ankush-nitjsr/react-dice-game

Welcome to the React Dice Game repository! This is a fun and interactive dice game built using ReactJS. Roll the virtual dice and test your luck to see if you can win big!
https://github.com/ankush-nitjsr/react-dice-game

html5 javascript reactjs styled-components

Last synced: 8 days ago
JSON representation

Welcome to the React Dice Game repository! This is a fun and interactive dice game built using ReactJS. Roll the virtual dice and test your luck to see if you can win big!

• Host: GitHub
• URL: https://github.com/ankush-nitjsr/react-dice-game
• Owner: Ankush-nitjsr
• Created: 2023-09-23T17:57:02.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-09-24T06:05:31.000Z (about 1 year ago)
• Last Synced: 2023-09-25T02:04:44.572Z (about 1 year ago)
• Topics: html5, javascript, reactjs, styled-components
• Language: JavaScript
• Homepage: https://ankush-nitjsr.github.io/React-Dice-Game/
• Size: 1.98 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Hi 👋,

Welcome to the React Dice Game repository! This is a fun and interactive dice game built using ReactJS. Roll the virtual dice and test your luck to see if you can win big!

Features:

1. Realistic Dice Rolling: Experience the thrill of rolling virtual dice just like in a physical board game.

2. Easy-to-Use Interface: A user-friendly interface makes it simple for players of all ages to enjoy the game.

3. Random Outcomes: The game generates random dice values for a fair and exciting gameplay experience.

4. Responsive Design: Enjoy the game on various devices, from desktop to mobile, without any loss of functionality.

5. Getting Started:

    To start playing the React Dice Game, follow these steps:

     1. Select any number

     2. Click on dice image

     3. after click on dice if selected number is equal to dice number you will get some point as dice

     4. if you get wrong guess then 2 points will be deducted

     5. You can restart the game by clicking on the "Reset Button".

  

This project has been developed with the use of ReactJS library, Vite and Styled-components.

#### React Dice Game App Screenshots

  

    First Screen Page

     Game start page

  

  

    

    

  

 

 

  

    On clicking dice without selecting number

     Clicked on selected number (Here it is 3)

  

  

    

    

  

 

 

  

    Click on Dice to test your luck (Unlucky! it is 4)

     Click on "Reset Score" button to reset the game

  

  

    

    

  

 

 

  

    Show rules by Clicking on "Show Rules" button

  

  

    

  

 

 Thanks for stopping by 🤝. Ping me if you see any improvement points in this app.