🎰 Twirl & Win: Beyoncé's Three-Act Epic

Overview:
Twirl & Win is a Beyoncé-themed interactive slot machine inspired by her legendary three-act project. Built with HTML, CSS, and JavaScript, this project gamifies fan interaction with visual nods to Renaissance, Cowboy Carter, and the mysterious Act III. Perfect for small music businesses looking to add excitement and engagement to their brand.

💡 Why This?

Music is an experience. This app explores how artists or brands can use interactive tools to deepen fan engagement. Imagine spinning for exclusive content, pre-release hints, or merch drops, all themed around an artist’s identity.

🧠 What I Learned

• DOM Manipulation: Updating reels dynamically with each spin.
• Random Logic: Creating believable and fun randomness.
• Responsive Layouts: Designing a smooth experience across devices.
• Thematic Design: Translating Beyoncé’s three eras into visual language.

✨ Features

• Spin Buttons: Twirl the reels with one click.
• Themed Reels: Featuring symbols from each Beyoncé era.(in progress)
• Win Logic: Match all three acts for a surprise message.
• Reset Button: Reset the game for another try.
• Responsive Design: Optimized for mobile and desktop.

🎮 How to Use

1. Open the app in your browser.
2. Click "Minimum YA YA" or "QUIT MY JOB" to spin the reels.
3. Watch the Acts appear. Will they match?
4. Match 3 to see a custom message or reward.
5. Click "Reset" to try again.(in progress)

💻 Technologies Used

• HTML
• CSS
• JavaScript

🔥 Challenges

• Theme Integration: Designing flexible assets per Beyoncé era.
• Timing Control: Syncing reel stops realistically.
• Replay-ability: Encouraging multiple spins without fatigue.

🚀 Future Ideas

• Daily spin countdowns to Act III release.
• Spotify API personalization (e.g., favorite Beyoncé era).
• Social share graphics with your matched combo.
• Unlockable fan-exclusive content or merch.

💻 Contributing

Fork the repo, add your features, and submit a pull request to collaborate on future versions.

📄 License

MIT License — remix and reuse with respect to the Queen 👑

© 2025 Sylvie Barjolo | Twirl & Win – Fan project inspired by Beyoncé’s artistry.

I completed the challenge: 5
I feel good about my code: 4
The CSS was def a challenge for the scope of my vision, but I'm proud to make progress and keep leanring.