ShopManager — Mehrsprachige Webanwendung für Geschäftsverwaltung
ShopManager ist eine Webanwendung in Produktion, ausgerichtet auf die tägliche Geschäftsverwaltung.
Sie zentralisiert Stammdaten, operative Dokumente, Lager, Kasse und Berichte in einer einzigen Weboberfläche.
Die Anwendung ermöglicht Benutzerpersonalisierung einschließlich Sprachauswahl und visuellem Theme und konsumiert eine eigene Backend-API, die die Geschäftsregeln anwendet.
Das Problem
In vielen kleinen und mittleren Unternehmen stützt sich die tägliche Verwaltung auf:
- Tabellenkalkulationen,
- nicht verbundene Tools,
- manuelle Prozesse ohne Statuskontrolle,
- und das Fehlen einer einheitlichen Sicht auf das Geschäft.
Das führt zu Fehlern, doppelten Informationen und Schwierigkeiten, zuverlässig zu arbeiten.
Die Lösung
Ich habe eine Webanwendung für Geschäftsverwaltung entwickelt, die als einheitlicher Betriebspunkt fungiert und die Domäne in klare, kohärente Module organisiert.
Die Anwendung trennt strikt:
- Benutzeroberfläche,
- Geschäftslogik (Backend),
- und Datenpersistenz,
so dass sich jeder Teil unabhängig weiterentwickeln lässt.
Hauptfunktionen
Entitätenverwaltung
Verwaltung der Stammdaten des Systems:
- Benutzer
- Produkte
- Kunden
- Lieferanten
Beinhaltet Erstellen, Bearbeiten und Löschen mit rollenbasierter Zugriffskontrolle.
Geschäftsdokumente
Umfassende Verwaltung operativer Dokumente:
- Einkaufs-Lieferscheine
- Verkaufs-Lieferscheine
- Lager-Einlagerungen
- Cash-Transfers
Jedes Dokument folgt einem klaren Ablauf:
- Erstellung als Entwurf,
- Positionsverwaltung,
- Bestätigung,
- und automatische Anwendung der Effekte auf Lager und Kasse.
Lager und Kasse
Die Anwendung ermöglicht:
- Lagerstandorte verwalten,
- Bestand zwischen Standorten verschieben,
- Kassenkonten verwalten,
- und Cash-Transfers erfassen.
Alles konsistent mit den Geschäfts-Dokumenten.
Berichte
Berichtsmodul für schnelle Abfrage von:
- Einkäufen,
- Verkäufen,
- Cash-Transfers,
- Lager-Einlagerungen.
Gedacht für eine sofortige operative Sicht auf den Geschäftsstatus.
Benutzerprofil, Sprache und Theme
Jeder Benutzer verfügt über ein konfigurierbares Profil mit:
- Aktualisierung der Kontodaten,
- Passwortänderung,
- Auswahl der Sprache der Oberfläche,
- Auswahl des visuellen Themes.
Aktuell unterstützt die Anwendung:
- Sprachen: Spanisch, Englisch und Französisch
- Themes: Hell und Dunkel (Architektur bereit für Erweiterung)
Die Präferenzen werden pro Benutzer gespeichert und automatisch in der gesamten Anwendung angewendet.
Frontend-Architektur
- SPA-Anwendung
- Navigation nach Bereichen: Start, Entitäten, Dokumente, Berichte, Profil
- Exklusiver Konsum der ShopManager-Backend-API
- Frontend von der Geschäftslogik entkoppelt
- Globales State-Management mit Pinia.
Technischer Stack
- Frontend-Framework: Vue 3 + Vite
- Routing: Vue Router
- API-Kommunikation: Axios
- Visuelle Verwaltung: eigene Komponenten
- Deployment: Netlify
Betrieb und Deployment
- Anwendung auf Netlify deployed
- Automatischer Build vom GitHub-Repository
- Konfiguration über Umgebungsvariablen
Was dieses Projekt zeigt
Dieses Projekt zeigt meine Fähigkeit,:
- Entwurf vollständiger Management-Anwendungen
- Implementierung von Mehrsprachigkeit und Benutzerpersonalisierung
- Übersetzung von Geschäftsregeln in klare UI-Flows
- Integration des Frontends mit eigenen APIs
- Betrieb von Software real in Produktion
- Aufbau von Systemen, die wachsen und sich entwickeln können
Projektbilder
- 1. Hauptdashboard — Überblick über die Anwendung
- 2. Entitätenverwaltung — Benutzer, Produkte, Kunden und Lieferanten
- 3. Geschäftsdokumente — Lieferscheine und Bewegungen
- 4. Benutzerprofil (Sprache und Theme)
- 5. Berichte
(reale Screenshots bereits bereitgestellt)
