Hangman game

This is a solution to the Hangman game challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

• Hangman game
  • Table of contents
  • Overview
    • The challenge
    • Preview
    • Links
  • My process
    • Built with
    • Code Quality with
    • Implementation time
  • Author

Overview

The challenge

Users should be able to:

• 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.
• See their current health decrease based on incorrect letter guesses.
• Win the game if they complete the whole word.
• Lose the game if they make eight wrong guesses.
• Pause the game and choose to continue, pick a new category, or quit.
• View the optimal layout for the interface depending on their device's screen size.
• See hover and focus states for all interactive elements on the page.
• Navigate the entire game only using their keyboard.

Preview

Links

• Solution URL: https://github.com/tatasadi/hangman-game
• Live Site URL: https://hangman-game-ta.vercel.app
• Storybook URL: https://main--65d78edde67f2ce8276c061e.chromatic.com

My process

Built with

Code Quality with

Implementation time

This challenge was completed over a span of 12 hours.

Author

• Website - Ehsan Tatasadi
• Frontend Mentor - @tatasadi
• GitHub - @tatasadi
• Linkedin - Ehsan Tatasadi
• Twitter - @etatasadi