Food-dist — лендинг о здоровом питании и рационе

Проект представляет собой сайт о правильном питании и подборе рациона. Цель — создать удобный лендинг, где пользователь может рассчитать дневную норму калорий, изучить планы питания и получить дополнительную информацию о здоровье и спорте.

Решение

Я разработал адаптивный лендинг с интерактивными элементами:
• калькулятор калорий, пересчитывающий показатели пользователя в реальном времени,
• табы с переключением тарифов и информации,
• слайдер на чистом JavaScript,
• таймер обратного отсчёта,
• формы обратной связи с отправкой данных через AJAX.
Для сборки и оптимизации использовал SCSS, Gulp, ES6-модули. Сайт полностью адаптирован под мобильные устройства.

Результат

Получился современный и быстрый лендинг, который можно использовать как промо-сайт для фитнес- или нутрициологических сервисов. Сайт демонстрирует работу калькулятора, удобство навигации и интерактив, повышая вовлечённость пользователей.