Skip to content

ktscates/hangman-game

Repository files navigation

Netlify Status Github actions

Hangman Game

Table of Contents

Introduction

This is a Hangman game built using Angular and TailwindCSS. The game allows users to select a category, guess letters to reveal a hidden word, and manage game states including pausing, winning, and losing.

Features

  • Learn how to play Hangman from the main menu
  • Start a game and choose a category
  • Play Hangman with a random word selected from that category
  • Win the game if they complete the whole word
  • Pause the game and choose to continue, pick a new category, or quit

Technologies Used

  • Angular
  • TailwindCSS

Getting Started

Installation

  1. Clone the repository:

    git clone https://github.com/ktscates/hangman-game.git
    cd hangman-game
    ``
    1. Install dependencies:
   npm install

Running the App

    ng serve
Open your browser and navigate to http://localhost:4200/.

Components

GameComponent

Handles the main game logic including:

  • Displaying the masked word
  • Handling letter guesses
  • Updating game state based on guesses

ModalComponent

Displays modal dialogs for:

  • Pausing the game
  • Winning the game
  • Losing the game

Services

GameService

Manages the game state including:

  • Starting a new game
  • Handling letter guesses
  • Checking win/lose conditions

CategoryService

Provides the list of categories and words for the game.

Live Link

You can access the deployed application at Hangman Game.

About

Hangman Game - Amalitech Training Challenge

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published