Фитнес-калькулятор DonetsFit

О проекте

Фитнес-калькулятор DonetsFit — это отдельное интерактивное веб-приложение, созданное как цифровой инструмент для фитнес-бренда DonetsFit. Цель проекта заключалась в том, чтобы превратить фитнес-расчёты в простой браузерный инструмент, где пользователь вводит необходимые значения и сразу получает понятный результат без необходимости самостоятельно работать с формулами. Приложение разработано с использованием Next.js, React и TypeScript, а для структуры страницы и визуального оформления применён собственный CSS. Интерфейс построен на повторно используемых типизированных компонентах, логика расчётов отделена от слоя представления, а состояния формы и результатов организованы так, чтобы работа приложения оставалась понятной при изменении введённых значений. Важной частью проекта стала адаптивность. Поля формы, блоки результатов, типографика и отступы подстраиваются под компьютеры, планшеты и мобильные устройства. Также я уделил внимание проверке вводимых данных, понятным подписям, предсказуемому взаимодействию и удобному отображению результатов, чтобы калькулятором можно было быстро и комфортно пользоваться на разных устройствах. Проект доступен через отдельный субдомен DonetsFit — calc.donetsfit.com. Благодаря этому калькулятор работает как самостоятельный цифровой продукт и одновременно остаётся частью основного бренда DonetsFit. В результате получилось лёгкое в поддержке интерактивное приложение, которое демонстрирует практическую логику вычислений, типизированную frontend-разработку, адаптивный дизайн и развёртывание в рабочем окружении.

Моя роль

Я выполнил полную разработку приложения-калькулятора: планирование интерфейса, реализацию на Next.js и TypeScript, логику расчётов, повторно используемые компоненты, адаптивный CSS, обработку вводимых данных, тестирование, настройку субдомена и развёртывание в production.

Что я сделал

• ✓Спланировал структуру калькулятора, пользовательский сценарий и отображение результатов
• ✓Разработал приложение на Next.js, React и TypeScript
• ✓Реализовал логику расчётов и динамическую обработку результатов
• ✓Создал повторно используемые типизированные компоненты для ввода данных, элементов управления и результатов
• ✓Добавил проверку вводимых данных и понятные состояния формы
• ✓Создал адаптивный интерфейс с собственным CSS для компьютеров, планшетов и мобильных устройств
• ✓Настроил субдомен calc.donetsfit.com и подготовил проект к развёртыванию в production