PROJEKT

BMI-beregner webapp med tilpasset kvalifikationslogik

Udvikling af specialtilpasset webbaseret beregner, Slider input funktionalitet, Betinget logik implementering baseret på datasæt, Responsiv UI ved hjælp af Materialize, Kunde-defineret højde/vægt logik integration, Udrulning og levering af demo og kildefiler

  • Industri: Webudvikling
  • USA Placering: USA
  • Leveringstid: 1 uge
  • Teknologier: HTML, JavaScript
  • Vurdering: 5/5
1 måned

Projektoversigt

2410 udviklede en tilpasset BMI-beregner baseret på kundens krav. App'en giver brugerne mulighed for at indtaste deres køn, højde og vægt, og tjekker, om de falder inden for en kvalificerende rækkevidde baseret på et datasæt for højde/vægt pr. køn.

Ekstra logik sikrer, at beregninger kun finder sted, hvis vægten er inden for det angivne område for en given højde. Beregneren omfatter dynamiske sliders for højde og vægt, som senere blev opdateret til at bruge faste tilpassede værdier i stedet for at stole helt på 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 var glat, med hurtig behandling af revisionsanmodninger og tekniske forklaringer givet til fremtidig vedligeholdelse. En 5-stjernet bedømmelse og en drikkepenge blev givet.

- dasmooth98

Nøglefunktioner leveret

  • Kønsvalg med logikforgrening
  • Højde/vægt-sliders med tilpasselige min./maks. værdier
  • Dynamisk validering mod foruddefinerede kvalificeringsområder
  • Modulære JS-funktioner (`init_range`, `get_range_data`, `check`)
  • Ren, responsiv UI ved hjælp af Materialize framework
  • Udrullet online demo til kundetest
  • Kommenteret kode til fremtidige opdateringer

Skærmbilleder

BMI-beregner interface – indeholder kønsvalg, højde- og vægt-slider, samt en ren brugerflade drevet af Materialize.

BMI-beregner interface – indeholder kønsvalg, højde- og vægt-slider, samt en ren brugerflade drevet af Materialize.

Teknologisamling

HTML JavaScript CSS wNumb noUiSlider