Веб-дизайн — удалённая работа в Москве

Сайт по методичке. Я студент. Нужно выполнить данное задание: (Я пришлю файл с заданием) Описание проекта Создайте веб-приложение «Фитнес-трекер», которое помогает пользователю выполнять упражнения по расписанию. Приложение объединяет три ключевых элемента: Слайдер с карточками упражнений — показывает упражнение и информацию о нём Настраиваемый таймер — пользователь может ввести своё время и запустить отсчёт Форма с валидацией — для ввода данных о выполненной тренировке Макет приложения ФИТНЕС-ТРЕКЕР ??????????????????????????????????????????????????????????????? ??????????????????????????????????????????????????????????????? ? [?] [?] ? ? ? ? ??????????????????????????????????????????????????????? ? ? ? ВЫПАДЫ ? ? ? ? ? ? ? ? [изображение] ? ? ? ? ? ? ? ? Развивает координацию и мышцы ног ? ? ? ? ? ? ? ? ?? Рекомендуемое время: 45 сек ? ? ? ? ?? Желаемый результат: 12 раз ? ? ? ??????????????????????????????????????????????????????? ? ? ? ? ? ? ? ? ? ??????????????????????????????????????????????????????????????? ?? ТАЙМЕР ??????????????????????????????????????????????????????????????? Время (секунды): [_______________] [? Старт] [? Пауза] [?? Сброс] Осталось: 00:00 ?? РЕЗУЛЬТАТЫ ТРЕНИРОВКИ ??????????????????????????????????????????????????????????????? ФИО (русские буквы): [___________________] Выполнено раз: [_______] Email: [___________________] [?? Сохранить результат] При нажатии на “Сохранить результат“ выводиться alert с данными Участник : ФИО email : указанный email выполнил упражнение ___ раз 2. Слайдер упражнений Требования Слайдер показывает одну карточку упражнения за раз. Карточка содержит: Название упражнения Изображение (из поля image) Описание Рекомендуемое время (time секунд) Желаемый результат (result раз). Если result === 0, выводить “—“ Кнопки «?» и «?» для переключения между упражнениями. Переход должен быть зациклен (т.е. если вы находитесь на последнем слайде то при нажатии на кнопку next (>) должен переходить на первый и аналогично с кнопкой prev(<) на последний) Слайдер должен автоматически переключаться на следующую карточку каждые 3 сек 3. Таймер Требования Поле ввода «Время (секунды)»: Фильтрация: только цифры Кнопки: Старт — запускает обратный отсчёт с введённого значения, Пауза — останавливает отсчёт Сброс — останавливает и устанавливает таймер на значение из поля ввода Отображение оставшегося времени в формате ММ:СС (минуты:секунды). При достижении 0: Таймер останавливается Выводится alert с сообщением: “Время вышло! Отличная работа! ??“ 4. Форма с валидацией Поля и требования Сделайте фильтрацию ввода нужных символов в реальном времени, а проверку диапазона и длинны строки при нажатии на кнопку “Сохранить“ Поле Тип Валидация ФИО текст Только русские буквы, пробелы, дефис. От 2 до 50 символов Выполнено раз текст Только цифры. От 1 до 999 Email текст Английские буквы, цифры,@,-, .. Дополнительные требования Все поля фильтруют ввод в реальном времени (событие input), чтобы пользователь не мог ввести ненужных символов. Все остальные условия такие как (проверка на пустоту или количество символов делаются при нажатии на кнопку).