Ведём кулинарный проект с рецептами и хотим, чтобы на странице каждого блюда посетитель мог сразу увидеть его пищевую ценность, не переходя никуда и не считая вручную. Задача — виджет, куда добавляются ингредиенты рецепта с граммовками, после чего автоматически складываются калорийность, белки, жиры и углеводы блюда целиком, а затем эти цифры делятся на количество порций. Меняешь число порций — пересчёт происходит сразу на странице, без перезагрузки и лишних кликов.
Для расчёта планируем использовать общую таблицу продуктов с показателями на сто граммов: так каждый ингредиент будет учитываться одинаково независимо от того, в каком рецепте он встречается, а базу можно будет постепенно расширять новыми продуктами. По внешнему виду важно, чтобы виджет аккуратно встраивался в текущий шаблон карточки рецепта и не превращался в громоздкую таблицу, даже если ингредиентов в рецепте много — вплоть до пятнадцати-двадцати позиций.
Отдельно нужно продумать нестандартные случаи: ингредиенты в штуках, а не в граммах, приправы «по вкусу» без точного веса, разные единицы измерения (грамм, миллилитр, столовая ложка) и ситуации, когда для конкретного продукта в базе пока нет данных о пищевой ценности. Также важно, чтобы всё исправно работало на телефонах — большинство читателей открывают рецепты именно с мобильного.
Ключевые моменты задачи:
— пересчёт калорий и БЖУ на порцию при любом изменении данных
— работа с общей базой продуктов и возможность её пополнения
— корректная обработка нестандартных единиц измерения
— мобильная адаптация интерфейса
Для расчёта планируем использовать общую таблицу продуктов с показателями на сто граммов: так каждый ингредиент будет учитываться одинаково независимо от того, в каком рецепте он встречается, а базу можно будет постепенно расширять новыми продуктами. По внешнему виду важно, чтобы виджет аккуратно встраивался в текущий шаблон карточки рецепта и не превращался в громоздкую таблицу, даже если ингредиентов в рецепте много — вплоть до пятнадцати-двадцати позиций.
Отдельно нужно продумать нестандартные случаи: ингредиенты в штуках, а не в граммах, приправы «по вкусу» без точного веса, разные единицы измерения (грамм, миллилитр, столовая ложка) и ситуации, когда для конкретного продукта в базе пока нет данных о пищевой ценности. Также важно, чтобы всё исправно работало на телефонах — большинство читателей открывают рецепты именно с мобильного.
Ключевые моменты задачи:
— пересчёт калорий и БЖУ на порцию при любом изменении данных
— работа с общей базой продуктов и возможность её пополнения
— корректная обработка нестандартных единиц измерения
— мобильная адаптация интерфейса
