Glajik / diet-routine

Food Diary Web Application. Allows you to keep track of calories, and adhere to the selected diet.
MIT License
10 stars 1 forks source link

Блоки, из которых состоит сайт #4

Open Glajik opened 4 years ago

Glajik commented 4 years ago
Vadim121197 commented 4 years ago

1.Обложка -> https://teletype.in/files/0b/38/0b380bce-f713-4854-8758-b6d13b09e37a.png

  1. О проекте - опишем чем мы занимаемся
  2. Преимущества - опишем что типа у нас большая база данных продуктов и рецептов, лёгкий для понимания инферфейс и т.д.
  3. Мотивирущая кнопка - get started!! где он сможет зарегестрироваться
  4. Вдохновляющая фраза
  5. Меню - header, здесь уже будет написан наш функцыонал, по вкладкам!!
  6. Если будет моб. приложении то нужно кнопки соц. сетей
  7. Можно указать цены на наши услуги, мы же будем добавлять Premium акаунты, и для них функционал!типа напоминания что нужно пообедать или выпиить воды!
  8. Если будет Premium то нужен блок счетчик, "типа только сегодня и только для тебя акция при регистрации" и добавляем отсчет времени! 10.Footer Это все на главной странице до регистрации!!
Glajik commented 4 years ago

Ок, лендинг сделали, а как на счет самого приложения? Главный экран к примеру будет содержать:

AndriiStolitnii commented 4 years ago

Ок, лендинг сделали, а как на счет самого приложения? Главный экран к примеру будет содержать:

  • Навигационный блок
  • Футер (или подвал)
  • Что еще?
Основной блок(контейнер), состоящий из следующих блоков: 1) отчет за сегодня, который показывает сколько потребил калорий, б/ж/у, напоминает цель на сегодня, в % отношении считает сколько уже съел от цели. пример: Сегодня Цель Выполнение
1200 кКал 1800 кКал 66% (можно нарисовать здесь линейку, которая будет окрашиваться в зеленый если меньше 90%, желтый 90-110%, красный больше 110%)
40г жиров 60г жиров 66%
60г белков 90г белков 66%
150г углеводов 225г углеводов 66%

2) Добавить продукт - 5 иконок с названиями приемов пищи - завтрак, полдник, обед, перекус, ужин. Нажимаешь - открывается модальное окошко, или развертывается вниз список, выбираешь категорию продукта, название, граммы, на этом окошке также можно перейти к созданию своего составного блюда из ингредиентов 3) Блок воды - 8 стаканов, отмечаешь стакан, он зачеркивается, отмечается галочкой, или что-то в этом роде 4) Мотивационная цитата с красивым вдохновляющим фоном

Думаю для главного экрана достаточно, остальное - в навигационном блоке (переход на страничку по корректировке целей, или на страничку по отслеживанию статистики с графиками)