Інтерактивний вебдодаток: Персональний фітнес-щоденник (Web App)
Розробив адаптивний Single Page Application (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.