EmojiSpin - Emoji Roulette Wheel

A lightweight, colorful emoji roulette wheel built with HTML5 Canvas, vanilla JavaScript, and CSS.

Live Demo: Click Here!

Features

• Smooth spinning wheel animation
• Multiple emoji sectors with unique colors
• Randomized results
• Confetti burst celebration
• Winner overlay popup
• Responsive design
• No frameworks or dependencies

Getting Started

1. Clone or download this repository.
2. Open index.html in your browser.
3. Click SPIN and see where the wheel lands.

Project Structure

spin-the-wheel-main/
├── README.md
├── index.html
└── src/
    ├── index.js
    └── styles.css

Customization

You can edit the sectors array in src/index.js to change:

• Emojis
• Colors
• Text colors
• Number of wheel segments

Example:

{
  color: "#FF7043",
  text: "#FFFFFF",
  label: "😎"
}

Built With

• HTML5 Canvas
• Vanilla JavaScript
• CSS3 Animations

License

Free to use and modify for personal or educational projects.