DonetsFit Fitness-Rechner

Über das Projekt

Der DonetsFit Fitness-Rechner ist eine eigenständige interaktive Webanwendung, die als digitales Werkzeug für die Fitnessmarke DonetsFit entwickelt wurde. Ziel des Projekts war es, fitnessbezogene Berechnungen in eine einfache Browser-Anwendung zu übertragen, in der Benutzer die benötigten Werte eingeben und direkt verständliche Ergebnisse erhalten, ohne Formeln manuell berechnen zu müssen. Die Anwendung wurde mit Next.js, React und TypeScript entwickelt. Für Layout und visuelle Gestaltung wurde eigenes CSS verwendet. Die Benutzeroberfläche basiert auf wiederverwendbaren typisierten Komponenten, während die Berechnungslogik von der Darstellung getrennt wurde. Formular- und Ergebniszustände wurden so strukturiert, dass die Anwendung auch bei Änderungen der eingegebenen Werte übersichtlich und nachvollziehbar bleibt. Ein wichtiger Bestandteil des Projekts war das responsive Verhalten. Formularfelder, Ergebnisbereiche, Typografie und Abstände passen sich an Desktop-, Tablet- und Mobilbildschirme an. Zusätzlich lag der Fokus auf Eingabevalidierung, eindeutigen Beschriftungen, vorhersehbaren Interaktionen und einer gut lesbaren Darstellung der Ergebnisse, damit der Rechner auf unterschiedlichen Geräten schnell und komfortabel genutzt werden kann. Das Projekt ist über die eigene DonetsFit-Subdomain calc.donetsfit.com erreichbar. Dadurch funktioniert der Rechner als eigenständiges digitales Produkt und bleibt gleichzeitig mit der Hauptmarke DonetsFit verbunden. Das Ergebnis ist eine schlanke und wartbare interaktive Anwendung, die praktische Berechnungslogik, typisierte Frontend-Entwicklung, responsives Design und produktives Deployment verbindet.

Meine Rolle

Ich übernahm die vollständige Entwicklung der Rechner-Anwendung: Planung der Benutzeroberfläche, Umsetzung mit Next.js und TypeScript, Berechnungslogik, wiederverwendbare Komponenten, responsives CSS, Eingabeverarbeitung, Tests, Subdomain-Konfiguration und produktives Deployment.

Meine Aufgaben

• ✓Struktur, Benutzerablauf und Ergebnisdarstellung des Rechners geplant
• ✓Die Anwendung mit Next.js, React und TypeScript entwickelt
• ✓Berechnungslogik und dynamische Ergebnisverarbeitung umgesetzt
• ✓Wiederverwendbare typisierte Komponenten für Eingaben, Steuerelemente und Ergebnisse erstellt
• ✓Eingabevalidierung und klare Formularzustände hinzugefügt
• ✓Eine responsive Oberfläche mit eigenem CSS für Desktop, Tablet und Mobilgeräte erstellt
• ✓Die Subdomain calc.donetsfit.com konfiguriert und das Projekt für das produktive Deployment vorbereitet