Um meine JavaScript-Kenntnisse abseits von großen Frameworks zu festigen, habe ich einen schlanken Mini-E-Commerce-Shop gebaut. Das Ziel war eine reine Client-Side-App als Fingerübung, um Logiken wie State-Management, DOM-Manipulation und Datenpersistenz von Grund auf selbst zu schreiben, anstatt mich auf fertige Libraries zu verlassen.
Technische Highlights
- Persistenter Warenkorb: Komplette Speicherung und Verwaltung des Warenkorb-Inhalts im Browser über den LocalStorage, sodass die Auswahl auch nach einem Page-Reload erhalten bleibt.
- Dynamisches UI-Rendering: Der Warenkorb und die Produktübersichten bauen sich datengetrieben über JavaScript auf, basierend auf lokalen JSON-Strukturen.
- Clean Vanilla JS: Verzicht auf jegliche Framework-Abhängigkeiten, um die native Performance des Browsers voll auszunutzen.
Roadmap
- Lokale Datenhaltung und reibungslose Warenkorb-Logik aufsetzen
- Hinzufügen einer dynamischen Filter-und Suchfunktion für die Produkte
- Integration eines animierten Micro-Interactions-Feedbacks beim Hinzufügen von Produkten
- Saubere Aufteilung der Funktionen in UI, API-Abfragen und Berechnungen
