3D Dice Roller

A sleek, interactive 3D Dice Roller website that simulates rolling a 3D dice, providing a visually appealing and fun way to generate random dice outcomes. It provides an immersive experience with smooth animations and realistic dice behavior.

Table of Contents

• Features
• Project Structure
• Technologies Used
• Usage
• Keyboard Shortcut
• Reporting Issues

Features

• Interactive 3D Dice Animation: Realistic 3D rotation animation when rolling the dice.
• User-Friendly Design: Clean and modern interface with smooth animations and colorful look.
• Randomized Outcomes: Each roll generates a random result from 1 to 6.
• Interactive Button: A responsive button with a modern design for rolling the dice.
• Toast Notifications: Displays the result of each dice roll in an animated toast message.

Project Structure

Currency-Converter/       # Root directory 
├── src/                  # Source code directory
│   ├── style.css         # Main CSS file for styling
│   └── script.js         # JavaScript for functionality
├── index.html            # Main HTML file
├── README.md             # Project documentation
└── LICENSE               # License file 

Technologies Used

• HTML5
• CSS3
• JavaScript (ES6+)

Usage

1. Simply open this link.
2. Click the "Roll" button on the screen to roll the dice.
3. Watch the dice spin and observe the toast notification showing the rolled number.

Ensure that you already have an installed web browser (Chrome, Firefox, etc.) on your device.

Keyboard Shortcut

Use Spacebar for a hands-free experience to roll the dice.

Reporting Issues

If you encounter any bugs or have suggestions for improvement, please report them in the Issues section of this GitHub repository. I will address them promptly.

---

© Designed and developed by Atia Farha | ALL RIGHTS RESERVED