A visually stunning, modern web-based Hangman game featuring a premium Vanilla JS + CSS frontend. Try to guess the dynamically generated word before you run out of chances, guided by rich dictionary hints!
- 🎨 Glorious UI: Beautifully crafted, responsive interface featuring intense glassmorphism, fluid micro-animations, and a sleek Light/Dark mode slider toggle.
- 🧠 Dynamic Gameplay: Interactive game flow with real-time visual progression tracking incorrect guesses (0–6).
- 📚 Dictionary Integration: Automatically fetches unique words and accurate definitions securely via the Datamuse API.
- 🎚️ Difficulty Selection: Adjustable difficulty settings (Easy, Medium, Hard) dynamically dictating the word complexity.
- 🔤 Intelligent Keyboard: Carefully aligned, responsive on-screen keyboard with strict single-line enforcement and intuitive interactions.
- 🏆 Instant Feedback: High-quality overlay system for victory and defeat states, featuring high-definition 3D assets and seamless replay loops.
- 🎯 Dynamic Scoring System: Real-time performance analytics tracking active session points, difficulty-weighted scaling, and consecutive win-streaks.
- Fetch & Process: Retrieves a randomized word from the cloud filtered specifically against the user-selected difficulty setting.
- Initialize UI: Intelligently renders exact character placeholders and dynamically populates definition-based hints.
- Interactive Logic: Evaluates all on-screen or physical keyboard inputs instantly, disabling chosen keys.
- Visual Progression: Systematically manages incorrect try counters, triggering instantaneous SVG-based stage updates.
- State Resolution: Analyzes conditions to elegantly trigger full-motion victory/failure popups upon completion.
- A modern web browser (Chrome, Firefox, Edge, Safari)
- Active internet connection (required for dynamic dictionary hint fetching)
- Clone this repository to your local machine:
git clone https://github.com/HeX-ecutioner/hangman-game.git- Navigate to the project subdirectory:
cd hangman-gameSeamlessly open the index.html file directly in your favorite browser!
hangman-game/
├── images/ # Optimized 3D graphic assets & stage SVGs
├── styles.css # Premium design system, glassmorphism & Dark Mode
├── script.js # Core logic engine & asynchronous API operations
└── index.html # Entry point UI layout- HTML5
- CSS3 (Modern Variable & Flex Support)
- Vanilla JavaScript (ES6+)
- Datamuse API Orchestration
This project uses the MIT License