Funktionales Local-First-Produkt · Unveröffentlicht 0.1.02026

Baustelle Calculator

Local-First-Arbeitsbereich für Angebot, Ausführung und Rechnung in Kleinbetrieben

Meine Rolle

Produktarchitektur · Domänenmodellierung · Full-stack · Dokumentenprozesse · Tests

Projektübersicht

Baustelle Calculator ist eine eigenständige Browser-Anwendung für kleine Bau- und Servicebetriebe, die transparente Auftragskalkulation ohne die Komplexität eines vollständigen ERP benötigen.

Die Anwendung verbindet deutsche Kostenkalkulation mit einem praktischen Projektablauf: Positionen aus Lohn, Maschinen, Material und Fremdleistungen; Angebot; preisfreier Ausführungsplan; Ist-Daten und freigegebene Zusatzarbeiten; anschließend die Schlussrechnung.

Das aktuelle Produkt arbeitet bewusst local-first. Projekte, Firmendaten, Rezepte und begrenzte Vorher-/Nachher-Fotos bleiben im Browser und können über versionierte JSON-Backups exportiert und wiederhergestellt werden. Die Anwendung ist funktional und umfassend getestet, aber 0.1.0 wurde noch nicht öffentlich veröffentlicht. XRechnung/ZUGFeRD und der vorbereitete SaaS-Betrieb sind nicht aktiv.

Reale Produkt-Screenshots

Hier werden ausschließlich reale Produkt-Screenshots ergänzt—keine Mockups oder Stockbilder.

Baustelle Calculator Projektübersicht mit Summen, Status und Prozessaktionen — Die Projektübersicht verbindet Auftragsstatus, berechnete Summen und die nächsten Prozessschritte.

Professionelles Angebot aus Baustelle Calculator — Ein versandfertiges Kundenangebot, direkt aus der strukturierten Projektkalkulation erzeugt.

Systemarchitektur

Betriebszentrale

Projekte · Status · Suche · Duplikate · automatische Nummern

→

Kalkulationsdomäne

Lohn · Maschinen · Material · Fremdleistungen · Zuschläge

→

Ausführungsprozess

Arbeitsplan · Rückmeldung · Fotos · Zusatzarbeiten

→

Lokale Dokumente und Daten

Angebot · Rechnung · Baustellenzettel · localStorage · JSON

Projektstatus

Umgesetzt

Deterministische EK/HK/SK-, Zuschlags-, Wagnis-, Gewinn- und USt.-Engine
Kosten pro Einheit oder einmalig sowie Komma-Dezimalwerte
Projektarchiv mit Suche, Duplizieren, Statusfiltern und Dokumentnummern
Editierbare Lohn-, Maschinen-, Material- und Fremdleistungsreferenzen
Geführter Recipe Builder und gespeicherte Rezepte
Interne Kalkulation und saubere Kundenansicht
Angebotsannahme in einen preisfreien Ausführungsprozess
Ist-Daten, lokale Fotos und freigegebene abrechenbare Zusatzarbeiten
Druckfähiges Angebot, Rechnung, Ausführungsplan und Baustellenzettel
Firmenidentität, Dokumentenprüfungen und Angebots-E-Mail-Entwurf
Lokale Persistenz sowie versioniertes JSON-Backup und Recovery
Vitest- und Playwright-Abdeckung für Kalkulation, Recovery, Workflow, Druck und Responsive UI

In aktiver Entwicklung

Local-First-Pilotbereitschaft und praktische UX-Verbesserungen
Besserer Exportablauf und weiterer Dokumenten-Polish
Dichteres Bearbeiten auf Smartphone und Tablet
Praxistests für Rezepte und einmalige/pro-Einheit-Kosten

Geplant

Strukturierte und validierte XRechnung/ZUGFeRD-Ausgabe
Cloud-Auth, privater Storage und Workspace-Persistenz nach dem Release-Gate
SaaS-Workspaces und Abonnements, bis zur Freigabe blockiert
Stärkere Medienablage, falls Browser-Speicher nicht mehr genügt

Technische Entscheidungen

Warum zuerst local-first?

Ein Kleinbetrieb kann ohne Konto oder Infrastruktur starten; versionierte JSON-Backups halten die Daten portabel und wiederherstellbar.

Warum Angebot und Ausführung verbinden?

Das angenommene Angebot enthält die geplante Arbeit. Wiederverwendung verhindert Doppelerfassung, schützt interne Preise und überführt freigegebene Extras in die Rechnung.

Warum Browser-Print-Dokumente?

Sie liefern sofort nutzbare Geschäftsdokumente, ohne strukturierte E-Rechnungsformate als bereits umgesetzt oder validiert darzustellen.

Gelöste Herausforderungen

01Deterministische Summen über Mengen, Kostenarten und Fiskalprofile
02Projektbestand über Normalisierung und Backup-Roundtrips erhalten
03Interne Kosten vor Kunden- und Teamdokumenten schützen
04Fünf Dokumenttypen lesbar auf A4 halten
05Bedienung von 390px bis Desktop
06Projektfotos innerhalb praktischer Browsergrenzen

Technologien

Anwendung

React 18
TypeScript
Vite
CSS

Domäne

Kalkulationsengine
Rechnungsengine
Länder-/Fiskalprofile

Lokale Daten

localStorage
Versioniertes JSON-Backup
Normalisierung
Recovery UI

Qualität

Vitest
Playwright
ESLint
Prettier

Was es demonstriert

Baustelle Calculator zeigt, wie ich Kostenregeln, Feldausführung und Dokumentanforderungen in ein fokussiertes, wiederherstellbares und gründlich getestetes Produkt für Kleinbetriebe übersetze.

Für wen das relevant ist

Relevant für Handwerk, Bau, Gartenbau, Baumdienst und kleine Servicebetriebe, die transparente Kalkulation und einen einfachen Angebot-bis-Rechnung-Ablauf ohne vollständiges ERP benötigen.

Benötigen Sie ein ähnliches System?

Ich kann eine Lösung passend zu Ihren Abläufen, Ihrem Team und Ihren Geschäftszielen konzipieren und umsetzen.

Projekt besprechen ↗

← Vorheriges Projekt

PLUTO Piano Brain

Nächstes Projekt →

PulseMobile