Eine Webanwendung zur Berechnung und zum Vergleich der tatsächlichen Gesamtkosten verschiedener Fahrzeuge. Neben dem Anschaffungspreis berücksichtigt das Tool auch laufende Kosten wie Versicherung, Wartung, Kraftstoff und Wertverlust, um fundierte Entscheidungen beim Autokauf zu ermöglichen.

Einleitung

Beim Autokauf wird häufig nur der Anschaffungspreis oder die monatliche Finanzierungsrate betrachtet. Viele langfristige Kosten bleiben dabei unberücksichtigt.

Dieses Projekt schafft eine transparentere Entscheidungsgrundlage, indem verschiedene Fahrzeuge und Nutzungsszenarien realistisch miteinander verglichen werden können.

Funktionen

• Berechnung der Gesamtkosten eines Fahrzeugs über einen definierten Zeitraum
• Vergleich mehrerer Fahrzeuge innerhalb eines Szenarios
• Berücksichtigung von Versicherung, Wartung, Kraftstoff und Wertverlust
• Anpassbare Eingaben für individuelle Nutzungsszenarien
• Klare Darstellung der Vergleichsergebnisse

Technische Umsetzung

Die Anwendung wurde als moderne Webanwendung mit Next.js, React und TypeScript entwickelt. Für das Design und Layout kommt Tailwind CSS in Kombination mit Shadcn/UI zum Einsatz.

Die Architektur trennt Berechnungslogik, Datenstruktur und Benutzeroberfläche, wodurch der Code übersichtlich bleibt und sich leicht erweitern lässt.

Benutzeroberfläche

Die Benutzeroberfläche ist minimalistisch gestaltet und vollständig responsiv. Nutzer können Eingaben schnell anpassen und erhalten sofort aktualisierte Ergebnisse.

Fazit

Das Projekt zeigt, wie sich komplexe Kostenberechnungen in eine verständliche Webanwendung übersetzen lassen und bietet eine praktische Grundlage für realistische Fahrzeugvergleiche.