Kontext: Eigenentwicklung | Rolle: Konzeption, Produktentscheidungen, QA & Testing, KI-Steuerung | Technologien: Vue 3, TypeScript, Vite, Pinia, GSAP, Capacitor, PWA/Workbox, Vitest, Cypress, Claude Code, Codex
Arithia – KI-gestützte Entwicklung eines Kinder-Lernspiels
Bilder: Majd Edriss
Herausforderung
Viele Mathe-Apps wirken wie digitale Arbeitsblätter: wenig Spielgefühl, kaum Geschichte und selten echte Abwechslung. Gleichzeitig sollte Arithia komplett offline, ohne Accounts, Backend oder Tracking funktionieren und trotzdem motivierend, kindgerecht und langlebig sein.
Ergebnis
Arithia ist heute eine produktionsreife App mit 12 Kapiteln, 26 Rätseltypen, 48 Zaubersprüchen und 118 automatisierten Tests. Sie läuft vollständig offline, ist zweisprachig (DE/EN) und als PWA sowie native Android-App nutzbar.
Lösung
Entstanden ist eine vollständige Lern-App, in der Mathe in eine magische Erzählwelt eingebettet ist: Kinder reparieren Zaubersprüche statt Aufgabenblätter zu lösen. 26 dynamische Rätselgeneratoren, 4 Schwierigkeitsstufen, Bonus-Spiele, Profilsystem und Elternbereich sorgen für Abwechslung und langfristige Motivation, ganz ohne statische Aufgabenlisten.
Link zur Android App: Bald verfügbar
Link zum Projekt: Arithia Spiel
Kontext: Eigenes Projekt | Rolle: Konzeption / KI-Integration | Technologien: Python, LLM, RAG, Prompt Engineering, JSON, API Integration
Feature & Bug Automator (KI)
Bild: n8n - Majd Edriss
Herausforderung
Manuelle Übersetzung unstrukturierter Anforderungen und Bug-Meldungen in umsetzbare Aufgaben führt zu hohem Aufwand, Inkonsistenzen und Missverständnissen zwischen Fachbereich und Entwicklung.
Ergebnis
Effizientere Anforderungsprozesse, reduzierter manueller Aufwand und konsistente, kontextbezogene Übergabe von Fachanforderungen in die technische Umsetzung.
Lösung
Entwicklung eines KI-gestützten Workflows zur automatisierten Erstellung von User Stories, Subtasks und Bug-Tickets inklusive RAG-basierter Kontextanreicherung und strukturierter Ausgabe zur Integration in Jira.
Link zur Präsentation: Feature & Bug Automator (KI)
Link zum Projekt: Feature & Bug Automator (KI)
Kontext: Eigenes Projekt | Rolle: Backend / KI-Integration | Technologien: TypeScript, Express, ChromaDB, OpenAI API, Docker
Semantic Search Sandbox
Bild: Github - Majd Edriss
Herausforderung
Semantische Suche und Vektordatenbanken sind komplex und schwer greifbar, besonders ohne klare, reduzierte Praxisbeispiele.
Ergebnis
Klares Verständnis zentraler Konzepte wie Vektorsuche, Embeddings und API-Integration durch eine bewusst reduzierte, funktionale Architektur.
Lösung
Minimalistische Sandbox mit TypeScript, Express und ChromaDB zur praktischen Umsetzung von Embeddings und semantischer Suche.
Link zum Projekt: Semantic Search Sandbox
Kontext: Eigenes Projekt | Rolle: Datenanalyse / KI | Technologien: Python, NLP, Sentimentanalyse, Topic Modeling (LDA), Pandas
Sentiment- & Themenanalyse für Kundenbewertungen
Bild: Majd Edriss
Herausforderung
Unstrukturierte Kundenbewertungen erschweren es, klare Erkenntnisse über Zufriedenheit, Probleme und wiederkehrende Themen zu gewinnen.
Ergebnis
Transparente Einblicke in Kundenstimmungen und zentrale Problemfelder als Grundlage für datenbasierte Verbesserungen von Produkt und Nutzererlebnis.
Lösung
Entwicklung eines Analyse-Workflows zur Aufbereitung von Daten, Sentiment-Klassifizierung und Themenextraktion mittels NLP, um Muster und relevante Inhalte sichtbar zu machen.
Link zur Präsentation: Sentiment- & Themenanalyse
Link zum Projekt: Sentiment- & Themenanalyse
Kontext: Privater Auftraggeber | Kunde: plus B | Rolle: Konzeption / Fullstack | Technologien: Strapi, MySQL, Vue 2, Vuex, Axios, Typescript, Jest, Bulma
Digitaler Clubausweis
Herausforderung
Gästeverwaltung ist häufig manuell und fehleranfällig, wodurch ein effizienter und transparenter Einlassprozess im laufenden Betrieb zusätzlich erschwert wird.
Ergebnis
Stabile, wartbare und performante Anwendung mit klarer Struktur, hoher Usability und zuverlässiger Funktionalität über verschiedene Nutzungsszenarien hinweg.
Lösung
Entwicklung eines Systems mit Strapi, MySQL und Vue, inklusive Registrierung, QR-Code-Handling sowie Schnittstelle zur schnellen Statusprüfung durch das Personal vor Ort.
Bilder: Majd Edriss
Kontext: Öffentlicher Auftraggeber | Kunde: plus B | Rolle: Frontend / Konzeption | Technologien: Vue 3, Vite, Pinia, Typescript, Axios, Cypress, Capacitor
Service-App "Zu gut für die Tonne!"
Bilder: BMLEH
Herausforderung
Lebensmittel werden oft nicht sinnvoll genutzt, weil vorhandene Zutaten schwer in bestehende Rezepte integrierbar sind und digitale Lösungen für flexible Anpassungen fehlen.
Ergebnis
Stabile, wartbare und performante Anwendung mit klarer Struktur, hoher Usability und zuverlässiger Funktionalität über verschiedene Nutzungsszenarien hinweg.
Lösung
Entwicklung des Frontends mit Vue 3, TypeScript und Pinia, Umsetzung modularer Komponenten, Integration von APIs sowie Sicherstellung der Qualität durch automatisierte Tests mit Cypress.
Kontext: Öffentlicher Auftraggeber| Kunde: plus B | Rolle: Backend / Migration | Technologien: Symfony, PHP, API Platform, Doctrine, Oracle, REST
PTDB Schnittstelle – BMEL
Herausforderung
Komplexe Daten aus bestehenden Systemen sind schwer zugänglich und integrierbar, wodurch eine effiziente Nutzung für Analysen und Entscheidungsprozesse erschwert wird.
Ergebnis
Zuverlässige, performante und wartbare Schnittstelle zur effizienten Datenintegration und Bereitstellung konsistenter Daten für Analyse- und Entscheidungsprozesse.
Lösung
Konzeption und Umsetzung einer mehrschichtigen Backend-Architektur mit Symfony und API Platform zur Bereitstellung strukturierter, abgesicherter REST-Endpoints inklusive Datenvalidierung und Caching.
Kontext: Privater Auftraggeber | Kunde: plus B | Rolle: Frontend / Konzeption | Technologien: Vue 2, Vuex, Axios, Typescript, Cypress
Berliner Unterwelten Ticket Shop - Gutscheine
Herausforderung
Der fehlende Gutscheinkauf im Ticketshop von Berliner Unterwelten führte zu manuellen Abläufen, die für Mitarbeiter zeitaufwendig waren und die Effizienz der Prozesse beeinträchtigten.
Ergebnis
Nahtlos integrierte Erweiterung des Ticketshops mit stabiler Funktionalität und verbesserter Nutzerführung für den digitalen Gutscheinprozess.
Lösung
Weiterentwicklung des Frontends mit Vue und TypeScript zur Abbildung des Gutscheinprozesses sowie Anbindung an bestehende APIs und Absicherung der Funktionalität durch Tests mit Cypress.
Bild: Berliner Unterwelten
Kontext: Öffentlicher Auftraggeber | Kunde: plus B | Rolle: Frontend / Migration | Technologien: React Native, iOS, Android
Berlin.de Service App – Update
Herausforderung
Die bestehende Anwendung nutzte eine ältere Version von React Native, wodurch technische Einschränkungen und instabile Abläufe auf iOS und Android entstanden.
Ergebnis
Aktualisierte, stabile und zukunftsfähige Anwendung mit verbesserter Wartbarkeit und reibungsloser Funktionalität auf beiden Plattformen.
Lösung
Durchführung des Updates der Codebasis, Anpassung bestehender Komponenten und Abhängigkeiten sowie Behebung von Kompatibilitätsproblemen im Build- und Laufzeitverhalten.
Bilder: Berlin.de
Kontext: Privater Auftraggeber | Kunde: plus B | Rolle: Frontend / Konzeption | Technologien: Vue 3, Vite, Pinia, Typescript, Axios, Vitest
Berliner Unterwelten – Tourenanzeiger
Herausforderung
Für die Mitarbeiter ist es schwierig, anstehende Touren und kurzfristige Änderungen schnell und fehlerfrei zu verwalten. Dies führt zu hohem manuellen Aufwand sowie dem Risiko veralteter oder inkonsistenter Informationen.
Ergebnis
Übersichtliche und performante Anwendung zur Echtzeit-Anzeige, die Mitarbeitern eine zuverlässige Planung und schnelle Orientierung im Arbeitsalltag ermöglicht.
Lösung
Umsetzung eines reaktiven Frontends mit Vue 3 und TypeScript zur Anzeige von Tourdaten in Echtzeit sowie Integration von APIs und Sicherstellung der Qualität durch Tests mit Vitest.
Bild: Berliner Unterwelten
