Spieltag 4 – Bre-delicious
Spieltagsaufgabe und Ziele
„Die Oral-B Genius X mit künstlicher Intelligenz" ist eine elektrische Zahnbürste, die vom Putzverhalten des Nutzers lernen und individuelle Tipps geben soll (Quelle 1). Analoge Zahnbürsten funktionieren theoretisch schon ewig, ob diese Änderung nun helfen kann, finden wir fraglich.
Diese Debatte über KI und Technologie enthüllt aber eine wichtige Frage: wie implementieren wir sorgfältig digitale Medien auf sinnvolle Art und Weise? Welche Funktionen bringen wirklich einen Mehrwert? Was ist essenziell, und was ist eher ein Hindernis?
Wir wollen nicht, dass unsere Website sich wie Windows entwickelt: eine kontroverse, gezwungene Einbindung von trendiger KI, die nur von wenigen genutzt oder gemocht wird.
Aus früheren Spieltagen haben wir mitgenommen, dass Ziele realistisch sein müssen. Früh stand die Frage: App, Website, oder beides? Eine App klingt praktisch, braucht aber eine Verifizierung im App Store und eine kostenpflichtige Entwicklerlizenz. Eine Website hingegen läuft auf jedem Gerät ohne Installation – das ist zugänglicher und für unseren Anwendungsfall die bessere Wahl. Wir haben uns also für eine reine Website entschieden: https://bredelicious.de
Nach den drei bisherigen Spieltagen waren unsere Ziele für die Website bereits klar:
- Ein Onlineshop mit Produktübersicht, Suchfunktion, Filtern und Standortangaben der Produkte im Markt
- Eine Bestellfunktion mit Lieferoption für Menschen, die nicht selbst einkaufen können
- Ein Forum als digitales Schwarzes Brett für Angebote, Veranstaltungen und Gesuche
- Eine Übersicht über soziale Angebote wie Kochkurse, Nachhilfe und mietbare Räumlichkeiten
Quelle 1: https://shop.oralb.de/p/oral-b-genius-x-elektrische-zahnbursten-schwarz/13761966/
Vorgehensweise
Die Website
Die Website ist eine klassische, einfache JavaScript Website, genaugenommen gebaut mit Vite und Tailwind gebündelt mit einem Express Server, Nodemailer mit IMAP-Account für Emails, und eine MySQL Datenbank. Wir haben uns bewusst gegen einen Anbieter wie WordPress entschieden, um uns alle Möglichkeiten offen zu halten. Gehostet wird sie über einen bestehenden persönlichen Server-Account bei Netcup, einem deutschen Anbieter (Wir alle empfinden digitale europäische Souveränität als äußerst wichtig). Das Anbinden an Vorerfahrung hat uns den Start deutlich erleichtert. Die laufenden Kosten für Server und Domain haben wir trotzdem kalkuliert und in unsere Kostentabelle aufgenommen, um das Projekt wirtschaftlich realistisch abzubilden.
Der Onlineshop
Der Onlineshop ist der Kern der Website. Produkte lassen sich durchsuchen und nach Kategorie filtern. Was uns dabei besonders wichtig war: Jede Produktkarte zeigt nicht nur den Preis und ob das Produkt noch verfügbar ist, sondern auch wo es im Markt steht – etwa „Paprika: Regal A1" oder „Tomaten: Regal J8". Dazu gibt es einen Warenkorb mit der Möglichkeit, Produkte nach Hause liefern zu lassen und die Regalstandorte per E-Mail zu verschicken, als Erinnerung. Warenkörbe können außerdem in Listen gespeichert werden.
Das Forum
Das Forum funktioniert wie ein digitales Schwarzes Brett. Wer etwas anbieten, suchen oder ankündigen möchte, kann das hier posten – Kochkurse, lokale Dienstleistungen, Veranstaltungen. Die Idee dahinter: Der Markt soll nicht nur ein Ort zum Einkaufen sein, sondern auch ein Ort, an dem Menschen zusammenkommen. Das Forum ermöglicht dies online.
Soziale Angebote
Auf einer eigenen Seite fassen wir alle gemeinschaftlichen Angebote zusammen: mietbare Säle, Kochklassen und Nachhilfe. Wer auf der Suche nach einem Kochkurs ist, findet hier alle Informationen auf einen Blick, ohne sich durch verschiedene Kanäle klicken zu müssen. Außerdem findet man gleich den richtigen Kontakt zum Buchen der Angebote.
Newsletter
Wer über Neuigkeiten aus dem Markt informiert bleiben möchte, kann sich über die Website für den Newsletter anmelden. Dort gibt es Updates zu Neuheiten unseres Marktes. Abmelden geht jederzeit mit einem Klick.
Nutzerkonto
Besonders an unserer Implementierung ist, dass alles Obengenannte funktioniert. Jeder kann derzeit auf bredelicious.de gehen und sich dort ein Konto erstellen, die E-Mail verifizieren, im Forum etwas posten, ein paar Kommentare schreiben und zuletzt Abendessen bestellen (Zugegeben: es wird dann leider doch nicht geliefert).
Dazu haben wir Moderation des Forums durch uns als Moderatoren implementiert, ein Admin-Dashboard zur Übersicht der Nutzerstatistiken. Eine eigene E-Mail info@bredelicious.de sowie eine Website, die 24/7 abrufbar über die eigene Domain bredelicious.de ist.
Claude Code
Beim Entwickeln haben wir Claude Code eingesetzt. Wie gut das in der Praxis funktioniert hat, hat uns ehrlich gesagt überrascht. Vieles ging damit schneller als erwartet. Ob wir es zwingend gebraucht hätten? Nein – aber es hat uns geholfen, unsere Pläne in einem Bruchteil der Zeit umzusetzen und uns deutlich gemacht, wo die Softwareentwicklung gerade hingeht.
Ehrlich gesagt, hätten wir aber ohne Vorkenntnisse niemals ein Projekt, solcher Qualität umsetzen können, denn am Ende ist KI auch nur ein Werkzeug und benötigt detaillierte Anweisungen und Daten. Jedoch sind wir froh über die Möglichkeiten. Unser Gefühl ist, dass die Umsetzung immer einfacher wird und damit die Ideen umso wichtiger. Wieder erkennen wir, wie der Science-League Wettbewerb die Zukunft fördert.
Herausforderungen
Parallel zu diesem Spieltag haben wir weiter an unserem baulichen Projekt gearbeitet, denn für den finalen Spieltag wollen wir für beides perfekt vorbereitet sein. Die getrennte Arbeitsteilung in kleinere Gruppen erleichterte deutlich die Kommunikation, erhöhte die Arbeitsbelastung aber beträchtlich. Die Zeitanforderung des Projektes sind häufig auf Konflikt mit unserem persönlichen Leben gestoßen.
Das begrenzte Nutzungskontingent von Claude Code hat uns außerdem gezwungen, sorgfältiger zu planen, welche Aufgaben wirklich davon profitieren und unsere Arbeit über Tage zu verteilen.
Im großen Ganzen war dieser Spieltag wohlmöglich der reibungsloseste.
Zusammenfassung
Wir haben in diesem Spieltag eine funktionierende Website für den FoodConnectMarkt aufgebaut – mit Onlineshop, Forum, Veranstaltungsübersicht, Newsletter und Nutzerkonto. Hildegard kann ihre Lebensmittel jetzt bequem online bestellen und liefern lassen. Meera sieht vor dem Einkauf, was vorrätig ist und wo es im Markt liegt. Renita findet im Forum Kochkurse und Kontakte in ihrer neuen Stadt.
Wir sind mit unserem Ergebnis äußerst zufrieden und finden, dass uns eine sorgfältige und sinnhafte Implementierung von Technologie durchaus gelungen ist.
Auf einen guten finalen Spieltag freut sich, das Bre-delicious Team
Video URL
