← Zurück zur Übersicht
Projekt · Business Tool

WürzCraft Pricing

Ich betreibe eine eigene Gewürzmarke — Zutaten aus der Natur, selbst gesammelt. Excel hat irgendwann nicht mehr gereicht, weil Sammelzeit und Produktionszeit zwei verschiedene Stundensätze haben. Also hab ich mir ein Tool dafür gebaut.

React JavaScript CSS Kalkulation Claude Code

// screenshotsDie App in Aktion.

Dashboard — Übersicht Lagerwert, Umsatz und Aktivität
Produkt-Kalkulation mit Gewinnmarge und Break-Even
Rezept-Verwaltung mit Cost Engine
Warenlager mit Wildsammlung-Option
Bestellverwaltung mit DHL-Integration
Inventurliste und Berichte

// das problemExcel ist keine Lösung.

WürzCraft ist eine Gewürzmarke, die auf wilden, selbst gesammelten Zutaten basiert — Kräuter, Pilze, Blüten. Das klingt romantisch, macht die Kalkulation aber zur Herausforderung: Jede Zutat hat zwei Zeitkomponenten — die Zeit zum Sammeln draußen und die Produktionszeit in der Küche. Beide haben unterschiedliche Stundensätze.

In Excel war das eine Katastrophe. Jede Änderung an einem Stundensatz bedeutete manuelles Durchklicken durch alle Zeilen. Neue Produkte anzulegen war zeitaufwändig. Und die Übersicht über Margen und Deckungsbeiträge? Komplett Fehlanzeige.

// die lösungKalkulation die mitdenkt.

Eine React Web-App, die genau auf die Logik von WürzCraft zugeschnitten ist. Stundensätze werden einmal zentral eingestellt — alle Produkte berechnen sich automatisch neu. Live. Ohne Excel.

✗ Früher
  • Sammel- und Produktionszeit in einer Zelle vermischt
  • Stundensatz ändern = alle Zeilen manuell anpassen
  • Marge erst nach Taschenrechner sichtbar
  • Neues Produkt = neue Fehlerquelle
  • Kein Überblick welche Artikel sich wirklich rechnen
✓ Heute
  • Sammelzeit und Produktionszeit sauber getrennt erfasst
  • Stundensatz einmal ändern — alles neu berechnet sofort
  • Grün/Gelb/Rot Marge-Indikator auf einen Blick
  • Neues Produkt in Sekunden anlegen
  • Alle Artikel sortiert nach Marge — klarer Überblick

// was ich gelernt habeBusiness-Logik in Code übersetzen.

React State Management

Wie man komplexe Berechnungslogik in React-State abbildet — und wann ein einzelner useState nicht mehr reicht und man useReducer braucht.

Vom Problem zum Modell

Das Schwerste war nicht der Code — sondern die Geschäftslogik sauber zu modellieren. Welche Daten brauchen welche Felder? Was leitet sich ab?

UI für Nicht-Techniker

Die App muss von jemandem bedient werden, der keinen IT-Background hat. Das zwingt zu wirklich klaren Begriffen, sinnvollen Defaults und gutem Feedback.

Domain Knowledge nutzen

Mein Gastronomie-Hintergrund hat mir direkt geholfen — ich wusste, was Deckungsbeitrag bedeutet, bevor ich eine Zeile Code geschrieben habe.

// kontaktNeugierig geworden?

Das Tool zeigt, wie ich vorgehe: echtes Problem verstehen, dann in Code übersetzen. Wenn das interessiert — schreib mir.