Web
React-Webshop
Eine Shop-Single-Page-Application mit Produktsuche, Warenkorb, Mehrsprachigkeit und Theming, entstanden im Kurs "Webprogrammierung mit React" an der HFU.
Worum geht’s
Ein vollständiger Webshop als React-SPA, entstanden im Kurs “Webprogrammierung mit React” an der Hochschule Furtwangen. Das Frontend spricht gegen ein REST-Backend (vom Kurs bereitgestellt) und deckt den typischen Shop-Flow ab: Artikel durchsuchen, in den Warenkorb legen, bestellen.
Features
- Artikelkatalog mit Suche: Artikel-Cards mit Live-Suche über den Bestand
- Warenkorb mit Artikelzähler direkt in der AppBar
- Mehrsprachigkeit über i18n mit eigenen Locale-Dateien
- Theming mit zentral verwaltetem Theme
- Zentraler Store für den Anwendungszustand (Warenkorb, Nutzer, UI-State)
- API-Schicht sauber getrennt von den Komponenten
Was ich gelernt habe
Komponenten zu schneiden ist die eigentliche Kunst bei React: wann ist etwas eine eigene Komponente, wann gehört State nach oben, wann in den Store? Dazu: ein internationalisiertes UI von Anfang an mitzudenken ist deutlich billiger, als es nachzurüsten. Die Erfahrung aus diesem Projekt steckt auch in dieser Website.