Boxing Tracker - Copy this React, Tailwind Component to your project

Название-проекта:-Боксерский-удар-трекер-приложение-интерфейс-дизайн-Описание:-Дизайнan-интуитивно-понятный-и-привлекательный-пользователь-интерфейс-для-aМобильныйприложение-которое-отслеживает-удары-на-aбокс-удар-кулаком-груша.-приложение-должно-функционировать-в-режиме-реального-времени-отслеживание,-различные-Обучениережимы,-и-ПроизводительностьСтатистика.-Требования:-1.-Главный-экран:-Дисплей-aБольшой,видный-счетчик-показывает-количество-ударов-.-Включить-aвизуальный-видпредставление-о-aбоксерский-бойгруша-и-aперчаткаДляуказывает-на-то,-чтоактивен-нажатие-кнопки.-Показатьтекущий-режим-из-операция-(e.г.,-"Свободный-Режим").-Обеспечить-aкнопка-Дляизменение-режим.-Отобразить-текущую-запись-и-Другоерелевантный-Статистика(e.г.,-всего-ударов-руками,-попаданий-за-минуту).-2.-Экран-выбора-режима:-Список-различных-режимов-обучения-с-изображениями-и-описаниями:-БесплатноРежим-Выносливость-Обучение-СкоростьСерии-Короткий-Сериииз-Ударов-Нагрузка-Основана-на-Силе-Бокс-Матч-Симуляция-Включите-опции-для-сохранения-настроек,-просмотра-статистики,-и-выхода.-3.-Цветовая-гамма:-Использовать-aкомбинация-из-Синий,Оранжевый,и-Белыйдля-aживой-и-энергичный-почувствуйте.-Обеспечьте-хороший-контраст-для-удобства-чтения.-4.-Типография:-Используйте-четкие,-жирные-шрифты-для-цифр-и-важной-информации.-Убедитесь-в-том,-чтотекст-является-разборчивым-на-разные-экраны-размеры.-5.-Иконки-и-графика:-Используйте-простые,-векторные-значки-для-разных-режимов.-Включить-динамический-режим-работыграфикуДляпоказатьпробивать-Экшен.-6.-Пользовательский-опыт:-Убедитесь,-чтоинтерфейс-является-простымДляориентируйтесь.-Обеспечить-Отзывыдля-пользователя-Действия(e.г.,-режим-изменение,-удар-обнаружение).-Оптимизируйте-для-обоих-положений-экрана-и-ориентаций.-Технические-соображения:-Совместимость-с-Androidустройства.-Плавная-работаанимация-и-переходы.-Обработка-данных-в-реальном-времени-и-отображение.