Skip to content

aneesafatima/Violet-Victory-Hangman

Repository files navigation

Violet Victory Hangman 🎩

Welcome to the Violet Victory Hangman! This is a classic word-guessing game with a twist. In this version, you'll be playing with a 💜 purple-themed interface, complete with a 📊 scoreboard, a 🔄 reset button to clear the scoreboard, and engaging 🎶 sound effects for wins and losses.

Features

  • Scoreboard: Keep track of your wins and losses with the 📊 scoreboard.
  • Reset Button: 🔄 Reset the scoreboard anytime with the click of a button.
  • Purple Theme: Enjoy a visually pleasing 💜 purple-themed interface for an immersive experience.
  • Hangman Body: Watch as the hangman's body parts appear with each wrong guess.
  • Placeholder for Missing Word: Guess letters to reveal the hidden word, but be careful not to make too many mistakes!
  • Wrong Word Notification: Receive a notification when you enter a wrong word to keep you on your toes.
  • Win and Lose Audios: Celebrate your victories with a winning 🎉 audio cue, and learn from your mistakes with a losing 🚫 audio cue.

How to Play 🎮

  1. Start the Game: Run the code using npm run dev command in your terminal.
  2. Guess the Word: Try to guess the hidden word by entering letters one by one.
  3. Scoreboard: Keep track of your wins and losses on the 📊 scoreboard.
  4. Reset Scoreboard: Press the 🔄 reset button to clear the scoreboard and start fresh.
  5. Enjoy the Experience: Immerse yourself in the 💜 purple-themed interface and have fun playing Hangman!

Technologies Used 💻

  • Vite: Fast and efficient development with Vite.
  • React: Building interactive UI components with React.
  • HTML: Structuring the web page with HTML.
  • Tailwind CSS: Styling the interface with Tailwind CSS for a modern look and feel.

Acknowledgements 🙏

This Hangman Game was created with inspiration from the classic game and enhanced with modern web technologies. Special thanks to the open-source community for their valuable contributions.

Feel free to explore the codebase, suggest improvements, or contribute to make this Hangman Game even more enjoyable! 🚀

📷 Video

hangman-demo.mp4