FastFingers — это лёгкое и быстрое веб-приложение для тестирования скорости печати, созданное с использованием React, TypeScript и Redux Toolkit.
Вдохновлено Monkeytype — помогает отслеживать WPM (слов в минуту) и повышать точность печати в реальном времени.
- ⚡ Тест скорости печати с подсчётом WPM и точности в реальном времени
- 🎨 Настраиваемые наборы слов
- 🌗 Поддержка светлой и тёмной темы (если реализовано в коде)
- 📊 Подробная статистика после завершения теста
- 🔄 Мгновенный перезапуск теста без перезагрузки страницы
- React 18 + TypeScript
- Redux Toolkit — управление состоянием
- React Router DOM — маршрутизация
- Sass — стилизация
- Axios — для работы с API
Склонируйте репозиторий:
git clone https://github.com/Muhammadrizo14/fastfingers.git
cd fastfingersВ директории проекта вы можете запустить:
Запускает приложение в режиме разработки.
Откройте http://localhost:3000, чтобы просмотреть его в браузере.
Страница будет перезагружаться при внесении изменений.
Вы также увидите любые ошибки линтера в консоли.
Запускает тестовый раннер в интерактивном режиме наблюдения.
Дополнительную информацию можно найти в разделе о запуске тестов.
Собирает приложение для продакшена в папку build.
Правильно объединяет React в продакшен-режиме и оптимизирует сборку для наилучшей производительности.
Сборка минифицирована, а имена файлов включают хеши.
Ваше приложение готово к развертыванию!
Дополнительную информацию можно найти в разделе о развертывании.
Примечание: это односторонняя операция. После eject вы не сможете вернуться назад!
Если вы не удовлетворены инструментом сборки и вариантами конфигурации, вы можете выполнить eject в любое время. Эта команда удалит единственную зависимость сборки из вашего проекта.
Вместо этого она скопирует все конфигурационные файлы и транзитивные зависимости (webpack, Babel, ESLint и т.д.) прямо в ваш проект, чтобы у вас был полный контроль над ними. Все команды, кроме eject, по-прежнему будут работать, но они будут указывать на скопированные скрипты, чтобы вы могли их настраивать. На этом этапе вы предоставлены сами себе.
Вам не обязательно когда-либо использовать eject. Подобранный набор функций подходит для небольших и средних развертываний, и вы не должны чувствовать себя обязанными использовать эту функцию. Однако мы понимаем, что этот инструмент не был бы полезен, если бы вы не могли настроить его, когда будете готовы.
Вы можете узнать больше в документации Create React App.
Чтобы изучить React, ознакомьтесь с документацией React.