https://github.com/mrpenguinm/hang-man
Hangman Game is a classic word-guessing game this is amazing project used by Html Css3 Js <3
https://github.com/mrpenguinm/hang-man
css3 html5 js json
Last synced: 2 months ago
JSON representation
Hangman Game is a classic word-guessing game this is amazing project used by Html Css3 Js <3
- Host: GitHub
- URL: https://github.com/mrpenguinm/hang-man
- Owner: MrPenguinm
- Created: 2025-03-22T05:51:18.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2025-03-22T06:06:16.000Z (over 1 year ago)
- Last Synced: 2025-03-22T07:19:03.272Z (over 1 year ago)
- Topics: css3, html5, js, json
- Language: CSS
- Homepage: https://mrpenguinm.github.io/Hang-Man/
- Size: 582 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
### 📌 Hangman Game Project - README
#### 🚀 **Overview**
This is a **Hangman Game** built using **HTML, CSS, JavaScript, and JSON**. The game dynamically loads words from an external `JSON` file, allowing for an easy expansion of word categories. It provides an interactive and visually appealing experience with smooth animations and a dark-themed design.
---
### 📂 **Project Structure**
```
/hangman-game
│── index.html # Main HTML structure
│── styles.css # Styling for UI & animations
│── script.js # JavaScript game logic
│── wordsGame.json # Word categories and words
│── audios
```
---
### 🎮 **How to Play**
1. The game randomly selects a **word** from different **categories** (e.g., Programming, Animals, Movies, etc.).
2. The category name is displayed as a hint.
3. The player guesses letters by clicking on them.
4. Correct letters appear in their correct positions.
5. Incorrect guesses result in parts of the **hangman** being drawn.
6. The game ends when:
- The player correctly guesses all letters (🎉 **Win!**)
- The player reaches the maximum number of incorrect guesses (**Game Over! 😢**)
---
### 🔧 **Technologies Used**
✅ **HTML** → Structure & game layout
✅ **CSS** → Styling, animations, and responsiveness
✅ **JavaScript** → Game logic & interactivity
✅ **JSON** → Storing word categories
---
### 🛠️ **How to Install & Run**
1. **Clone or Download** this repository.
```sh
git clone https://github.com/yourusername/hangman-game.git
```
2. Open the **index.html** file in your web browser.
3. Enjoy playing the game!
---
### 📝 **Features**
✔️ **Random word selection** from JSON file
✔️ **Dynamic UI** with animated hangman drawing
✔️ **Multiple categories** of words
✔️ **Dark-themed, modern UI design**
✔️ **Mobile responsive** (works on different screen sizes)
✔️ **Interactive sound effects**
---
### 📌 **Future Improvements**
🔹 Add **difficulty levels** (easy, medium, hard)
🔹 Implement **multiplayer mode**
🔹 Improve **game statistics & score tracking**
🔹 Add **more animations & effects**
---
### 💡 **Contributing**
Feel free to **fork** this repository, suggest improvements, or report issues!
👨💻 **Developer:** _Mr.Penguin_
📧 **Contact:** _muhammadvvn0@gmail.com_
---