- Notifications
You must be signed in to change notification settings - Fork0
🎮 A fun and interactive Hangman word-guessing game built using React, TypeScript, and Vite. Guess the word before the hangman is fully drawn — features on-screen and keyboard input, responsive design, and instant restart!
samirzjadhav/hangman-typescript
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
A fun and interactiveHangman word-guessing game built usingReact,TypeScript, andVite 🎯
Guess the hidden word before the hangman is fully drawn!
- Live Demo:https://hangman-typescript-iota.vercel.app/
- GitHub Repository:samirzjadhav/hangman-typescript
- ⚛️ Built withReact + TypeScript + Vite
- 🎨 Clean UI withCSS Modules
- 🧩 Random word generator from
wordList.json - 🎹 On-screen keyboard + real keyboard support
- 💀 Lose after 6 incorrect guesses
- 🔁 PressEnter to restart instantly
- 📱 Fully responsive design
- Try to guess the word by clicking or typing letters.
- Every wrong guess adds a piece to the hangman.
- You have6 chances before the game is over!
- PressEnter to play again.
##⚙️ Installation```bash# Clone the repogit clone https://github.com/your-username/hangman.gitcd hangman# Install dependenciesnpm install# Run the appnpm 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.tswordList.json
["apple","banana","grape","cherry","orange","mango"]
| Technology | Description |
|---|---|
| ⚛️React | UI component library |
| 🧠TypeScript | Type-safe JavaScript |
| ⚡Vite | Fast build tool and dev server |
| 🎨CSS Modules | Scoped component styling |
| 📝JSON | For storing word lists |
- 🌍 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!
- 🍴 Fork the repo
- 🌿 Create a new branch (
feature/amazing-feature) - 💬 Commit your changes
- 🚀 Open a Pull Request
This project is licensed under theMIT License.You are free to use, modify, and distribute it.
👋 Samir Jadhaw💻 Aspiring Front-End Engineer passionate about building delightful web experiences.
⭐ If you like this project, don’t forget tostar the repo and share it!
About
🎮 A fun and interactive Hangman word-guessing game built using React, TypeScript, and Vite. Guess the word before the hangman is fully drawn — features on-screen and keyboard input, responsive design, and instant restart!
Topics
Resources
Uh oh!
There was an error while loading.Please reload this page.