https://github.com/furkan-dogu/hangman-with-typescript
This project is a Hangman game built using React and TypeScript. Players try to guess the word while avoiding completing the hangman figure with incorrect guesses.
https://github.com/furkan-dogu/hangman-with-typescript
module-css react typescript vite
Last synced: about 2 months ago
JSON representation
This project is a Hangman game built using React and TypeScript. Players try to guess the word while avoiding completing the hangman figure with incorrect guesses.
- Host: GitHub
- URL: https://github.com/furkan-dogu/hangman-with-typescript
- Owner: furkan-dogu
- Created: 2024-07-04T18:10:02.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-07-06T14:16:59.000Z (10 months ago)
- Last Synced: 2025-01-21T06:43:33.587Z (3 months ago)
- Topics: module-css, react, typescript, vite
- Language: TypeScript
- Homepage: https://hangman-with-typescript.vercel.app
- Size: 248 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Hangman with TypeScript
## About the Project
This project is a Hangman game built using React and TypeScript. Players try to guess the word while avoiding completing the hangman figure with incorrect guesses. The game ends when the player either correctly guesses the word or makes too many incorrect guesses.
## Table of Contents
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Usage](#usage)
- [Project Skeleton](#project-skeleton)
## Live Demo
[Hangman with TypeScript](https://hangman-with-typescript.vercel.app/)
## Features
- Random word selection
- Tracking of guessed and incorrect letters
- Win and lose conditions
- Letter guessing via keyboard or on-screen virtual keyboard
- Ability to restart the game
## Technologies Used
- React
- TypeScript
- Vite
## Usage
- When the game starts, a random word is selected.
- Guess letters using your keyboard or the on-screen virtual keyboard.
- Each incorrect guess will add a part to the hangman figure.
- The game is lost if 6 incorrect guesses are made. The game is won if the correct word is guessed.
- Press the Enter key to restart the game.
## Project Skeleton
```
Hangman with TypeScript (folder)
│
├── public
│ └── [favicon]
├── src
│ ├── assets
│ │ └── [images]
│ ├── components
│ │ ├── HangmanDrawing.tsx
│ │ ├── HangmanWord.txs
│ │ └── Keyboard.tsx
│ ├── assets
│ │ └── Keyboard.module.css
│ ├── App.tsx
│ ├── main.tsx
│ ├── vite-env.d.ts
│ └── wordList.json
├── .eslintrc.cjs
├── .gitignore
├── index.html
├── package-lock.json
├── package.json
├── README.md
├── tsconfig.app.json
├── jsconfig.json
├── jsconfig.node.json
└── vite.config.ts
```