DonetsFit fitness kalkulačka
Responzívna webová fitness kalkulačka vytvorená pre DonetsFit, ktorá premieňa údaje zadané používateľom na jasné okamžité výsledky v prehľadnom a jednoducho použiteľnom rozhraní.
O projekte
DonetsFit fitness kalkulačka je samostatná interaktívna webová aplikácia vytvorená ako digitálny nástroj pre fitness značku DonetsFit. Cieľom projektu bolo preniesť fitness výpočty do jednoduchého prostredia v prehliadači, kde používateľ zadá potrebné hodnoty a okamžite dostane zrozumiteľný výsledok bez potreby manuálne pracovať so vzorcami. Aplikácia bola vyvinutá pomocou Next.js, Reactu a TypeScriptu, pričom na rozloženie a vizuálny štýl bolo použité vlastné CSS. Rozhranie som postavil na opakovane použiteľných typovaných komponentoch, výpočtovú logiku som oddelil od prezentačnej vrstvy a stavy formulára a výsledkov som usporiadal tak, aby aplikácia zostala prehľadná aj pri zmene zadaných hodnôt. Dôležitou súčasťou projektu bola responzivita. Formulárové prvky, bloky výsledkov, typografia a rozostupy sa prispôsobujú počítačom, tabletom aj mobilným zariadeniam. Zameral som sa aj na validáciu vstupov, jasné označenia, predvídateľné ovládanie a čitateľné zobrazenie výsledkov, aby sa kalkulačka dala pohodlne a rýchlo používať na rôznych zariadeniach. Projekt je dostupný prostredníctvom samostatnej subdomény DonetsFit — calc.donetsfit.com. Kalkulačka tak funguje ako samostatný digitálny produkt a zároveň zostáva prepojená s hlavnou značkou DonetsFit. Výsledkom je ľahko udržiavateľná interaktívna aplikácia, ktorá spája praktickú výpočtovú logiku, typovaný frontend vývoj, responzívny dizajn a produkčné nasadenie.
Moja úloha
Zabezpečil som kompletný vývoj aplikácie kalkulačky: návrh rozhrania, implementáciu v Next.js a TypeScripte, výpočtovú logiku, opakovane použiteľné komponenty, responzívne CSS, spracovanie vstupov, testovanie, konfiguráciu subdomény a produkčné nasadenie.
Čo som urobil
- ✓Naplánoval som štruktúru kalkulačky, používateľský tok a zobrazenie výsledkov
- ✓Vytvoril som aplikáciu pomocou Next.js, Reactu a TypeScriptu
- ✓Implementoval som výpočtovú logiku a dynamické spracovanie výsledkov
- ✓Vytvoril som opakovane použiteľné typované komponenty pre vstupy, ovládacie prvky a výsledky
- ✓Pridal som validáciu vstupov a prehľadné stavy formulára
- ✓Vytvoril som responzívne rozhranie s vlastným CSS pre počítače, tablety a mobilné zariadenia
- ✓Nakonfiguroval som subdoménu calc.donetsfit.com a pripravil projekt na produkčné nasadenie
Obrázky projektu
Technológie a nástroje
Potrebujete podobné riešenie?
Vytvorme praktické a spoľahlivé riešenie pre vaše potreby.