Фітнес-калькулятор 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