Skip to content

About

A web-based Hangman game built with HTML, CSS, and Vanilla JS. Features dynamic hangman visuals, an interactive keyboard, incorrect guess tracking, and word hints.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Latest commit

 

History

15 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

✨ Hangman Game

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!

🚀 Features

  • 🎨 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.

⚙️ How It Works

  1. Fetch & Process: Retrieves a randomized word from the cloud filtered specifically against the user-selected difficulty setting.
  2. Initialize UI: Intelligently renders exact character placeholders and dynamically populates definition-based hints.
  3. Interactive Logic: Evaluates all on-screen or physical keyboard inputs instantly, disabling chosen keys.
  4. Visual Progression: Systematically manages incorrect try counters, triggering instantaneous SVG-based stage updates.
  5. State Resolution: Analyzes conditions to elegantly trigger full-motion victory/failure popups upon completion.

🚦 Getting Started

📋 Prerequisites

  • A modern web browser (Chrome, Firefox, Edge, Safari)
  • Active internet connection (required for dynamic dictionary hint fetching)

💾 Installation

  1. Clone this repository to your local machine:
git clone https://github.com/HeX-ecutioner/hangman-game.git
  1. Navigate to the project subdirectory:
cd hangman-game

🎮 Running the Game Locally

Seamlessly open the index.html file directly in your favorite browser!

🛠️ Additional Information

📁 Project Structure

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

📦 Technologies Used

  • HTML5
  • CSS3 (Modern Variable & Flex Support)
  • Vanilla JavaScript (ES6+)
  • Datamuse API Orchestration

📄 License

This project uses the MIT License

About

A web-based Hangman game built with HTML, CSS, and Vanilla JS. Features dynamic hangman visuals, an interactive keyboard, incorrect guess tracking, and word hints.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages