Skip to content

Artemon-x58/team-project-part-React

Repository files navigation

Healhy Hub 🥬

Healhy Hub - це веб-додаток, який допомагає користувачам вести контроль за своїм харчуванням, споживанням води та змінами ваги. Додаток дозволяє користувачам стежити за своїми щоденними цілями щодо калорій, води та нутрієнтів, а також вести щоденник їжі.

Основні функціональності

Головна сторінка (MainPage) 🏠

  • Відображення блоків, таких як заголовок сторінки, навігаційні елементи, щоденна мета, вода, їжа, щоденник та рекомендована їжа.
  • Адаптація для мобільних, планшетних та десктопних пристроїв.

Опис main-page

Щоденна мета (DailyGoal) 🎯

  • Відображення кількості калорій та води, яку користувач має споживати щоденно.
  • Графіки для відстеження прогресу споживання калорій та води.

Опис daily-goal

Їжа (Food) 🍲

  • Графіки розподілу поживних речовин (калорії, вуглеводи, білки, жири) з можливістю введення цілей та відстеження прогресу.

Опис food

Трекер води (Water) 💧

  • Відображення відсотка випитої води в порівнянні з денною метою.
  • Функціонал додавання випитої води.

Опис water

Щоденник (Diary) 📓

  • Ведення записів про їжу для сніданку, обіду, вечері та перекусів.
  • Інформація по нутрієнтах та можливість додавання нових записів через модальне вікно.

Рекомендована їжа (RecommendedFood) 🌽

  • Перелік рекомендованих продуктів з вказанням калорій та обсягу.

    Опис recommended-food

Сторінка із графіками (DashboardPage) 📊

  • Графіки для відображення інформації про калорії, воду та зміни ваги протягом певних періодів.

  • Середні значення та можливість вибору періоду (місяць).

    Опис dashboard-page

Сторінка Щоденника (DiaryPage) 🗒️

  • Розділ, де користувач може вести записи про їжу для різних прийомів.
  • Відображення нутрієнтів для кожного прийому та можливість додавання нових записів через модальне вікно.

Опис diary-page

Сторінка Рекомендованої Їжі (RecommendedFoodPage) 🍏

  • Перелік рекомендованих продуктів з деталями. RecommenedFood

Сторінка Налаштувань (SettingsPage) ⚙️

  • Редагування профілю користувача, включаючи фото, ім'я, вік, стать, вагу та рівень фізичної активності. SettingsPage