https://github.com/eegrishina/hangman
Hangman game built with TypeScript and React, featuring a language switch between Russian and English
https://github.com/eegrishina/hangman
css-modules game keyboard-events react typescript
Last synced: 10 months ago
JSON representation
Hangman game built with TypeScript and React, featuring a language switch between Russian and English
- Host: GitHub
- URL: https://github.com/eegrishina/hangman
- Owner: eegrishina
- Created: 2024-12-05T12:54:52.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-08T19:14:45.000Z (12 months ago)
- Last Synced: 2025-02-08T19:37:38.841Z (12 months ago)
- Topics: css-modules, game, keyboard-events, react, typescript
- Language: TypeScript
- Homepage:
- Size: 282 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Hangman Game
### [Демо игры](https://eegrishina.github.io/hangman/)
## Описание
Учебный проект интерактивной игры "Виселица". Игра реализована на **TypeScript** и **React** с использованием **CSS Modules** для стилизации компонентов.
Проект создан по обучающему [туториалу](https://www.youtube.com/watch?v=-ONUyenGnWw&list=WL&index=4) и дополнен собственными улучшениями.
### Игра включает:
- Случайный выбор загаданного слова.
- Возможность выбора буквы с помощью виртуальной клавиатуры на экране или физической клавиатуры.
- Автоматическая отрисовка персонажа и отображение результата игры (победа/поражение).
### Самостоятельно реализованный функционал:
- Переключение режимов игры на русский/английский язык.
- Обновление интерфейса с учетом выбранного языка.
- Расширение списка слов для русского режима.
## Установка и запуск
Проект использует **Vite** как инструмент для сборки и разработки.
Для работы с проектом у вас должны быть установлены **Node.js** и пакетный менеджер `npm`.
1. Склонируйте репозиторий:
```
git clone
```
2. Установите зависимости:
```
npm install
```
3. Запустите приложение в режиме разработки:
```
npm run dev
```
Приложение будет доступно по адресу: [http://localhost:5173/](http://localhost:5173/).
4. Для сборки приложения в production:
```
npm run build
```
Сборка будет сохранена в папке `dist`.
5. Для предпросмотра собранного проекта:
```
npm run preview
```