Skip to content

Hangman Game is a project built using React and Typescript to stimulate the hanging man game.

Notifications You must be signed in to change notification settings

lvhoaa/ReactTS_HangmanGame

Repository files navigation

Hangman Game

Table of Contents

Project Overview

Hangman Game is a project built using React and Typescript to stimulate the hanging man game. Players are allowed 6 guesses to figure out the word before the hangman passes away.

Key features:

  • Fetch random words from a dataset of common English words corpora
  • Keep track of successfully guessed words using word illustration
  • Style the hanging man based on the number of false guesses
  • Support user-friendly interface for playing and enjoying the game

Guide & Illustration

  1. Set up

image

  1. Play

The word is fetched from a corpora of English common words.

Here, the sample word is "money"

In each choice, if you are correct, the letter will appear. (click "M")

image

If not, you will be punished. (click "K")

image

  1. Iterate

  2. Win

image

Or Lose

image

Installation

To run the Hangman Game locally, follow these steps:

  1. Clone the repository or download the source code.

    git clone https://github.com/lvhoaa/ReactTS_HangmanGame.git
    
  2. Navigate to the project directory in your terminal.

  3. Install the dependencies by running the following command:

    npm install
  4. Set up the environment variables. Create a .env file in the root directory and add the necessary configuration variables such as database connection details, API keys, and any other required settings.

  5. Run the application using the following command:

    npm run dev 
  6. Open your web browser and visit http://localhost:5173 to access the Hangman Game server.

Contributing

Contributions to this project are welcome! If you have any suggestions, bug fixes, or new features to propose, please open an issue or submit a pull request.

License

This project is licensed under the MIT License. You can find the full license text in the LICENSE file.

About

Hangman Game is a project built using React and Typescript to stimulate the hanging man game.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published