Задача состояла в разработке веб-приложения для тренировки скорости печати, ориентированного на разработчиков. Цель — создать инструмент, который поможет улучшить навыки набора кода, предлагая реальные примеры из разных языков программирования (Python, JavaScript, Java и др.). Приложение должно было быть интерактивным, с настраиваемыми параметрами (время, количество предложений, язык) и визуальной обратной связью для повышения вовлеченности пользователей.
Я разработал приложение на React, используя хуки для управления состоянием. Собрал коллекцию кодовых примеров в файле words.js для 11 языков (включая Python, JavaScript, C++), обеспечив их случайную генерацию. Реализовал настройки через панель опций: выбор времени (15-120 секунд), количества предложений (1-20) и языка. Добавил обработку ввода с отслеживанием ошибок, WPM (слов в минуту) и точности. Для визуальной обратной связи применил подсветку правильных и неправильных символов с помощью CSS. Интерфейс сделал минималистичным, с фокусом на читаемость и адаптивность.
Итог — функциональный тест скорости печати (syntaxtyper.netlify.app), который используют разработчики для тренировки. Приложение показывает WPM, точность и ошибки в реальном времени, помогая улучшить навыки набора кода. Пользователи применяют его для подготовки к собеседованиям или ежедневной практики. Развернуто на Netlify, доступно всем желающим, и получило положительные отзывы за удобство и полезность.
Пожаловаться
