Загрузка SpeedType - Загрузка исходного кода SpeedType

SpeedType

Другой исходный код

1.0.0

Скачать

SpeedType: улучшите свои навыки набора текста

SpeedType — это интерактивная веб-игра для набора текста, предназначенная для повышения скорости и точности набора текста. Созданный на основе современного технологического стека, он предлагает увлекательный способ улучшить свои навыки работы с клавиатурой.

Функции

Отслеживание ошибок в реальном времени
Расчет WPM (слов в минуту)
Гладкий и отзывчивый интерфейс
Поддержка темного режима
Многоязычная поддержка (английский и испанский)

? Ключевой технологический стек

React : для создания пользовательского интерфейса.
Next.js : для рендеринга и маршрутизации на стороне сервера.
TypeScript : для типобезопасного кода.
Framer Motion : для плавной анимации и переходов.
Tailwind CSS : для быстрого и адаптивного стиля.
Зустанд : За эффективное государственное управление
Visual Studio Code : в качестве основной среды разработки.

? Начиная

Чтобы запустить проект локально:

Клонировать репозиторий
Зависимости установки: npm install или yarn install
Запустите сервер разработки: npm run dev или yarn dev
Откройте http://localhost:3000 в своем браузере.

Развертывание

Проект развернут по адресу https://speedtype-v1.netlify.app.

? UI/UX

Адаптивный дизайн с использованием Tailwind CSS.
Плавная анимация на базе Framer Motion
Настраиваемые темы с поддержкой темного режима

? Государственное управление

Использует Zustand для эффективного и простого управления состоянием.

Показатели производительности

По данным PageSpeed Insights (по состоянию на 12 августа 2024 г.):

Оценка производительности : 94/100 (отлично)
Доступность : 100/100
Лучшие практики : 100/100
SEO : 100/100

Эти оценки показывают, что SpeedType хорошо оптимизирован для мобильных устройств, обеспечивая быструю загрузку, отличную доступность, соответствие передовым веб-практикам и прочные основы SEO.