https://github.com/ashenoooone/typing-speed-tester

Тренажер скорости набора текста с разными режимами, модификаторами и уровнями сложности.
https://github.com/ashenoooone/typing-speed-tester

react tailwindcss typescript vite zustand

Last synced: about 1 month ago
JSON representation

Тренажер скорости набора текста с разными режимами, модификаторами и уровнями сложности.

• Host: GitHub
• URL: https://github.com/ashenoooone/typing-speed-tester
• Owner: ashenoooone
• Created: 2024-08-10T09:17:12.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-08-11T19:10:57.000Z (5 months ago)
• Last Synced: 2024-10-16T18:57:57.819Z (3 months ago)
• Topics: react, tailwindcss, typescript, vite, zustand
• Language: TypeScript
• Homepage: https://ashenoooone.github.io/typing-speed-tester/
• Size: 2.23 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Тестовое задание: Тренажер скорости набора текста

## Описание

Данный проект представляет собой тренажер скорости набора текста, который реализован с использованием современного стека технологий. В тренажере реализованы два режима работы и два модификатора, которые позволяют гибко настраивать условия тренировки.

## Ссылка на проект

[Посмотреть проект](https://ashenoooone.github.io/typing-speed-tester/)

## Режимы тренажера

- **Режим на время:** Пользователь вводит текст в течение заданного времени.

- **Режим на количество слов:** Пользователь вводит определенное количество слов.

## Модификаторы

- **Знаки пунктуации:** В текст могут быть добавлены знаки препинания.

- **Числа:** В текст могут быть добавлены числа.

## Основные технологии

- **State Manager:** Zustand

- **CSS:** Tailwind CSS

- **Сборка проекта:** Vite

- **Графики:** Recharts

## Функциональность

- **Отображение символов:** В процессе игры отображаются правильные, неправильные и лишние символы.

- **Статистика:** После завершения игры показываются WPM (слов в минуту) и подробная статистика по введенным данным.

- **Несколько режимов сложности:** Игрок может выбирать разные режимы сложности игры.

## Скриншоты

---

![Главное окно](./_images/1.png)

---

![Режим на время](./_images/2.png)

---

![Режим с пунктуацией](./_images/3.png)

---

![Два режима сразу](./_images/4.png)

---

![Статистика по завершении](./_images/5.png)