Welcome to the Hangman Game, a modern twist on the classic word-guessing game! Built with ReactJS, Vite, and TailwindCSS, this game features smooth transitions and an interactive interface where each wrong guess slowly reveals the hangman. The game is designed for a fun and challenging experience that tests your vocabulary skills.
hg.online-video-cutter.com.mp4
🅰️ Clickable Alphabet Letters: Guess the word by clicking on the alphabet letters displayed on the screen.- ❌ Smooth Drawing Transitions: Each incorrect guess draws a part of the hangman with a smooth transition until the figure is fully completed.
- 🎯 Game Over Display: If you fail to guess the word, the game stops and reveals the correct word.
- ⚡ Fast & Efficient: Leveraging Vite for blazing-fast development and optimized performance.
- 🎨 Responsive Design: Styled with TailwindCSS to look great on any device.
- ReactJS: For building the interactive user interface.
- Vite: For a fast and optimized development experience.
- TailwindCSS: For styling the application with utility-first CSS.
To run this project locally, follow these steps:
git clone https://github.com/pawantech12/hangman-game-using-reactjs.git cd hangman-game-using-reactjs-master npm install or npm i
(or `yarn install` if you prefer Yarn) npm run dev (or `yarn dev`)This will usually start the server on http://localhost:5173 by default.
- Click on the letters to guess the hidden word.
- For each incorrect guess, a part of the hangman will be drawn with a smooth transition.
- If you guess all letters correctly, you win! If the hangman is fully drawn before you guess the word, the game will stop and reveal the correct word.
Contributions are welcome! Feel free to fork this repository, open issues, and submit pull requests.
This project does not have a license and is free to use. You can modify, distribute, and use it for any purpose without restriction.
Enjoy the game and happy guessing! 🎉