PROJEKT

BMI-Rechner-Web-App mit individueller Qualifikationslogik

Entwicklung eines individuellen webbasierten Rechners, Funktion zur Eingabe über Schieberegler, Implementierung bedingter Logik auf Basis eines Datensatzes, Responsive Benutzeroberfläche mit Materialize, Integration der kundenspezifischen Größen- und Gewichtslogik, Bereitstellung und Auslieferung von Demo- und Quelldateien

  • Branche: Webentwicklung
  • Vereinigte Staaten Standort: Vereinigte Staaten
  • Lieferzeit: 1 Woche
  • Technologien: HTML, JavaScript
  • Bewertung: 5/5
1 Monat

Projektübersicht

2410 entwickelte nach den Anforderungen des Kunden einen individuellen BMI-Rechner. Die App ermöglicht die Eingabe von Geschlecht, Größe und Gewicht und prüft anhand eines Datensatzes für Größe und Gewicht je Geschlecht, ob der Nutzer in einen qualifizierenden Bereich fällt.

Eine zusätzliche Logik stellt sicher, dass Berechnungen nur erfolgen, wenn das Gewicht für die jeweilige Größe innerhalb des festgelegten Bereichs liegt. Der Rechner enthält dynamische Schieberegler für Größe und Gewicht, die später auf feste individuelle Werte umgestellt wurden, statt sich vollständig auf die Einschränkungen des Datensatzes zu stützen.

Der Kunde war sehr zufrieden und merkte an, dass 2410 „großartige Arbeit geleistet“, „alle Anforderungen verstanden“ und „die Erwartungen übertroffen“ habe. Die Kommunikation verlief reibungslos. Änderungswünsche wurden schnell umgesetzt und technische Erklärungen für die spätere Wartung bereitgestellt. Der Kunde vergab fünf Sterne und ein Trinkgeld.

- dasmooth98

Wichtige bereitgestellte Funktionen

  • Geschlechtsauswahl mit entsprechender Logikverzweigung
  • Schieberegler für Größe und Gewicht mit anpassbaren Min.-/Max.-Werten
  • Dynamische Validierung anhand vordefinierter Qualifikationsbereiche
  • Modulare JS-Funktionen (`init_range`, `get_range_data`, `check`)
  • Übersichtliche, responsive Benutzeroberfläche mit dem Materialize-Framework
  • Online-Demo für Kundentests bereitgestellt
  • Kommentierter Code für zukünftige Aktualisierungen

Screenshots

BMI-Rechner-Oberfläche mit Geschlechtsauswahl, Schiebereglern für Größe und Gewicht sowie einer übersichtlichen, mit Materialize realisierten Benutzeroberfläche.

BMI-Rechner-Oberfläche mit Geschlechtsauswahl, Schiebereglern für Größe und Gewicht sowie einer übersichtlichen, mit Materialize realisierten Benutzeroberfläche.

Technologie-Stack

HTML
JavaScript
CSS
wNumb
noUiSlider
Sie benötigen etwas Ähnliches? Sprechen wir darüber
Oder weitere Projekte ansehen