The Hangman Game is a classic word guessing game built with modern web technologies. It features a responsive design that adapts to both desktop and mobile devices, providing an engaging experience for users. The game includes a Hangman illustration that updates with each incorrect guess, a dynamic guessing interface, and interactive feedback for game outcomes.
- Responsive Design: Flex row layout on desktop and flex column layout on mobile.
- Hangman Illustration: Visual representation that updates based on the number of incorrect guesses.
- Dynamic Puzzle Display: Underscores representing unguessed letters, revealed letters as they are guessed.
- Wrong Guess Counter: Tracks the number of incorrect guesses with a maximum of 6 chances.
- On-Screen Keyboard: Interactive A-Z keyboard that disables used keys.
- Game Outcome: Displays a "User Won" or "User Failed" message based on game result.
- Interactive Feedback: Updates puzzle and Hangman illustration in real-time.
- HTML: Structure of the game interface.
- Tailwind CSS: Styling framework for responsive design and UI components.
- TypeScript: Programming language for game logic and interactivity.
- SVG: Scalable vector graphics for the Hangman illustration.