PROJEKT

Webová aplikace kalkulačky BMI s vlastní kvalifikační logikou

Vývoj vlastní webové kalkulačky, Funkce vstupu pomocí posuvníků, Implementace podmíněné logiky na základě datové sady, Responzivní uživatelské rozhraní s Materialize, Integrace logiky výšky a hmotnosti definované klientem, Nasazení a předání ukázky a zdrojových souborů

  • Obor: Vývoj webových aplikací
  • Spojené státy Lokalita: Spojené státy
  • Doba realizace: 1 týden
  • Technologie: HTML, JavaScript
  • Hodnocení: 5/5
1 měsíc

Přehled projektu

2410 vyvinula vlastní kalkulačku BMI podle požadavků klienta. Aplikace umožňuje uživatelům zadat pohlaví, výšku a hmotnost a kontroluje, zda spadají do kvalifikačního rozmezí na základě datové sady výšky a hmotnosti podle pohlaví.

Další logika zajišťuje, že se výpočty provádějí pouze tehdy, když se hmotnost pro danou výšku nachází ve stanoveném rozmezí. Kalkulačka obsahuje dynamické posuvníky pro výšku a hmotnost, které byly později upraveny tak, aby používaly pevné vlastní hodnoty a nespoléhaly se výhradně na omezení datové sady.

Klient byl velmi spokojený a uvedl, že 2410 „odvedla skvělou práci“, „porozuměla všem mým požadavkům“ a „předčila očekávání“. Komunikace probíhala hladce, požadavky na úpravy byly vyřízeny rychle a klient obdržel technická vysvětlení pro budoucí údržbu. Udělil hodnocení 5 hvězdiček a přidal spropitné.

- dasmooth98

Dodané klíčové funkce

  • Výběr pohlaví s větvením logiky
  • Posuvníky výšky a hmotnosti s nastavitelnými minimálními a maximálními hodnotami
  • Dynamická validace podle předem definovaných kvalifikačních rozmezí
  • Modulární funkce JS (`init_range`, `get_range_data`, `check`)
  • Přehledné responzivní uživatelské rozhraní s frameworkem Materialize
  • Nasazená online ukázka pro testování klientem
  • Komentovaný kód pro budoucí úpravy

Snímky obrazovky

Rozhraní kalkulačky BMI - obsahuje výběr pohlaví, posuvníky výšky a hmotnosti a přehledné uživatelské rozhraní postavené na Materialize.

Rozhraní kalkulačky BMI - obsahuje výběr pohlaví, posuvníky výšky a hmotnosti a přehledné uživatelské rozhraní postavené na Materialize.

Technologický stack

HTML
JavaScript
CSS
wNumb
noUiSlider