16 · In-house · App-Entwicklung · KI-Integration
Shopping-App mit KI-Assistent – entwickelt mit Replit
Eine mehrsprachige Progressive Web App für einen WooCommerce-Shop: mit KI-Shopassistent, Push-Nachrichten bei Angeboten und Bestellstatus und Checkout über WooCommerce. Mit dem KI-Entwicklungswerkzeug Replit nach eigener Schätzung rund zehnmal schneller gebaut als auf herkömmlichem Weg.
- In-house
- PWA
- React
- TypeScript
- Tailwind CSS
- Express
- Replit
- OpenRouter
- DeepSeek V3
- Firebase Cloud Messaging
- WooCommerce REST API
- WordPress REST API
- i18next
- ≈ 10×
- schneller entwickelt als auf herkömmlichem Weg (eigene Schätzung)
- 2 Sprachen
- Deutsch und Englisch, auch im KI-Assistenten
- iOS & Android
- als PWA installierbar, mit Push-Benachrichtigungen
01 · Problem
Ein Online-Shop soll auch als App aufs Smartphone – mit Suche, Merkliste, Warenkorb und Checkout, mit Push-Nachrichten bei Sonderangeboten und Bestellstatus und mit einem KI-Assistenten, der Fragen wie „Ich suche Produkt xy in Größe S zwischen 50 und 100 Euro“ oder „Wie hoch sind die Versandkosten?“ beantwortet. Datenbasis sollte der bestehende WooCommerce-Shop bleiben, ohne Produkte doppelt zu pflegen. Und wir wollten wissen, wie weit ein KI-Entwicklungswerkzeug wie Replit bei einem echten Vorhaben dieser Größe trägt.
02 · Lösung
Eine Progressive Web App mit React, TypeScript und Tailwind CSS, entwickelt mit Replit. Produkte, Kategorien, Zahlungsarten und Blog-Beiträge kommen über die WooCommerce- und WordPress-REST-API; ein eigener Server mit Express und Node.js hält die Zugangsdaten geheim und berechnet Steuern und Versand live über WooCommerce. Der KI-Assistent – ein Chatbot direkt in der App – läuft über OpenRouter mit dem Sprachmodell DeepSeek V3: Er erkennt Produktfragen, sucht live im Shop nach Kategorie, Preis und Angeboten und zeigt die Treffer als anklickbare Produktkarten im Chat. Ein Webhook aus WooCommerce löst Push-Nachrichten über Firebase Cloud Messaging aus, sobald ein Preis sinkt oder sich ein Bestellstatus ändert. Dazu kommen eine fehlertolerante Suche, Filter, Merkliste, zuletzt angesehene Produkte, Bewertungen, Hell- und Dunkelmodus sowie Deutsch und Englisch; die Schriften liegen auf dem eigenen Server statt bei einem externen Schriftendienst.
03 · Ergebnis
Eine App, die sich auf iOS und Android installieren lässt und alle Inhalte direkt aus dem Shop bezieht – mit Checkout und Zahlungsarten aus WooCommerce, Bestellübersicht und Bestätigungsmail. Replit hat die Schnittstellen zu WooCommerce, Firebase und OpenRouter auf Anhieb korrekt umgesetzt und den eigenen Code laufend geprüft; nach unserer Schätzung ging die Entwicklung rund zehnmal schneller als auf herkömmlichem Weg. Die Grenzen haben wir ebenfalls erlebt: einen mehrstündigen Ausfall der Plattform, bei dem keine Daten verloren gingen, und einzelne Aufgaben, für die Replit länger brauchte als eine Lösung von Hand. Unterm Strich: empfehlenswert – auch als Werkzeug für Prototypen, die schnell bei Kunden getestet werden sollen.
04 · Einblicke
Passende Leistungen
Das können wir auch für dich.
Die Leistungen hinter diesem Projekt — mit Beispielen, Ablauf und häufigen Fragen.
App-Entwicklung
Native und Cross-Platform Apps für iOS und Android — und native Desktop-Apps für macOS und Windows. Durchdacht in UX und Design, stark in Performance.
Mehr erfahren →KI-Integration
Wir implementieren künstliche Intelligenz dort, wo sie im Arbeitsalltag echten Mehrwert schafft — von intelligenten Chatbots über KI-Workflows bis zur Automatisierung wiederkehrender Büroaufgaben.
Mehr erfahren →Weiterlesen
Hintergründe aus der Praxis.
Blog
ChatGPT im Unternehmen: Was funktioniert — und was nicht
Drei Einsatzformen, typische Anwendungsfälle, häufige Stolpersteine und ein Vorgehen in fünf Schritten: so nutzt du ChatGPT und ähnliche Modelle im Unternehmen sinnvoll.
Weiterlesen →Blog
API Design Best Practices: Schnittstellen, die bleiben
Gute APIs sind wie gute Architektur — man merkt sie nicht, wenn sie funktionieren. Prinzipien für langlebige, entwicklerfreundliche Schnittstellen.
Weiterlesen →Nächstes Projekt
Dein Projekt hier?
Erzähl uns von deinem Problem. Das erste Gespräch ist selbstverständlich kostenfrei und unverbindlich.
Projekt anfragen →