A fun and interactive Hangman word-guessing game built using React, TypeScript, and Vite 🎯
Guess the hidden word before the hangman is fully drawn!

• Live Demo: https://hangman-typescript-iota.vercel.app/
• GitHub Repository: samirzjadhav/hangman-typescript

• ⚛️ Built with React + TypeScript + Vite
• 🎨 Clean UI with CSS Modules
• 🧩 Random word generator from wordList.json
• 🎹 On-screen keyboard + real keyboard support
• 💀 Lose after 6 incorrect guesses
• 🔁 Press Enter to restart instantly
• 📱 Fully responsive design

1. Try to guess the word by clicking or typing letters.
2. Every wrong guess adds a piece to the hangman.
3. You have 6 chances before the game is over!
4. Press Enter to play again.

## ⚙️ Installation

```bash
# Clone the repo
git clone https://github.com/your-username/hangman.git
cd hangman

# Install dependencies
npm install

# Run the app
npm run dev
```

Then open 👉 http://localhost:5173

hangman/
├── src/
│   ├── components/
│   │   ├── HangmanDrawing.tsx
│   │   ├── HangmanWord.tsx
│   │   └── Keyboard.tsx
│   ├── wordList.json
│   ├── App.tsx
│   ├── main.tsx
│   └── App.css
├── public/
├── tsconfig.app.json
├── package.json
└── vite.config.ts

wordList.json

["apple", "banana", "grape", "cherry", "orange", "mango"]

• 🌍 Add multiple word categories (Animals, Movies, Countries)
• 🎯 Add difficulty levels (Easy / Medium / Hard)
• 🔊 Add sound effects and score tracking
• 💫 Animate hangman drawing step-by-step
• 🧠 Add hints system

Contributions are welcome!

1. 🍴 Fork the repo
2. 🌿 Create a new branch (feature/amazing-feature)
3. 💬 Commit your changes
4. 🚀 Open a Pull Request

This project is licensed under the MIT License. You are free to use, modify, and distribute it.

👋 Samir Jadhaw 💻 Aspiring Front-End Engineer passionate about building delightful web experiences.

🌐 Portfolio 💼 LinkedIn 🐙 GitHub

⭐ If you like this project, don’t forget to star the repo and share it!