PROJEKT

BMI-beregner-webapp med tilpasset kvalifikationslogik

Udvikling af tilpasset webbaseret beregner, Funktionalitet til input via skydere, Implementering af betinget logik baseret på datasæt, Responsiv brugerflade med Materialize, Integration af kundedefineret højde-/vægtlogik, Implementering og levering af demo- og kildefiler

  • Branche: Webudvikling
  • USA Placering: USA
  • Leveringstid: 1 uge
  • Teknologier: HTML, JavaScript
  • Bedømmelse: 5/5
1 måned

Projektoversigt

2410 udviklede en tilpasset BMI-beregner baseret på kundens krav. Appen giver brugerne mulighed for at indtaste køn, højde og vægt og kontrollerer, om de ligger inden for et kvalificerende interval baseret på et datasæt for højde/vægt pr. køn.

Yderligere logik sikrer, at beregninger kun udføres, hvis vægten ligger inden for det angivne interval for en given højde. Beregneren indeholder dynamiske skydere til højde og vægt, som senere blev opdateret til at bruge faste, tilpassede værdier i stedet for udelukkende at være afhængige af datasættets begrænsninger.

Kunden var meget tilfreds og bemærkede, at 2410 "gjorde et fantastisk stykke arbejde", "forstod alle mine krav" og "overgik forventningerne". Kommunikationen forløb problemfrit med hurtig håndtering af ændringsønsker og tekniske forklaringer til fremtidig vedligeholdelse. Kunden gav 5 stjerner og et drikkepengebeløb.

- dasmooth98

Vigtige leverede funktioner

  • Kønsvalg med forgrenet logik
  • Højde-/vægt-skydere med tilpasselige minimums- og maksimumsværdier
  • Dynamisk validering mod foruddefinerede kvalifikationsintervaller
  • Modulære JS-funktioner (`init_range`, `get_range_data`, `check`)
  • Enkel, responsiv brugerflade med Materialize-frameworket
  • Online-demo til kundens test
  • Kommenteret kode til fremtidige opdateringer

Skærmbilleder

BMI-beregnerens brugerflade med kønsvalg, skydere til højde og vægt samt en enkel brugerflade baseret på Materialize.

BMI-beregnerens brugerflade med kønsvalg, skydere til højde og vægt samt en enkel brugerflade baseret på Materialize.

Teknologier

HTML
JavaScript
CSS
wNumb
noUiSlider