Интерактивное веб-приложение: Персональный фитнес-дневник (Web App)
HTML и CSS верстка
Разработал адаптивное одностраничное приложение (SPA) для отслеживания ежедневной физической активности, рациона и прогресса пользователя.
Ключевой функционал:
Сохранение данных: Полная интеграция с LocalStorage браузера. Все введенные данные (вес, выпитая вода, заметки) надежно сохраняются после обновления страницы.
Логика и расчеты: Написаны кастомные JS-скрипты для автоматического вычисления разницы веса между днями и отслеживания прогресса до заданной цели (с визуальными индикаторами).
Динамический UI: Баннер с мотивационными цитатами и фонами, которые генерируются случайным образом при каждом загрузке. Живой прогресс-бар выпитой воды.
Адаптивность (Mobile First): Интерфейс идеально подстраивается под любые размеры экранов (Grid и Flexbox архитектура).
Дизайн: Уникальный стилизованный интерфейс в милитаристских цветах (Custom CSS Variables).
Стек технологий: HTML5, CSS3, JavaScript (ES6+), LocalStorage, DOM Manipulation, CSS Grid/Flexbox.
Ключевой функционал:
Сохранение данных: Полная интеграция с LocalStorage браузера. Все введенные данные (вес, выпитая вода, заметки) надежно сохраняются после обновления страницы.
Логика и расчеты: Написаны кастомные JS-скрипты для автоматического вычисления разницы веса между днями и отслеживания прогресса до заданной цели (с визуальными индикаторами).
Динамический UI: Баннер с мотивационными цитатами и фонами, которые генерируются случайным образом при каждом загрузке. Живой прогресс-бар выпитой воды.
Адаптивность (Mobile First): Интерфейс идеально подстраивается под любые размеры экранов (Grid и Flexbox архитектура).
Дизайн: Уникальный стилизованный интерфейс в милитаристских цветах (Custom CSS Variables).
Стек технологий: HTML5, CSS3, JavaScript (ES6+), LocalStorage, DOM Manipulation, CSS Grid/Flexbox.