Zurück zu den Projekten

Veröffentlichte Event-Plattform

Fantastic Events

Eine native Android-Event-App mit Next.js-Verwaltungssystem für Tickets, Programm, Turniere, Inhalte und Besucherinteraktion.

Rolle
Lösungsarchitekt, Backend-, Android- und Webentwickler
Aktueller Status
Öffentlich bei Google Play gelistet

Überblick

Überblick

Fantastic Events verbindet eine Android-App, eine iOS-App, ein Next.js-Administrationssystem und ein gemeinsames Backend für Tickets, Programm, Turniere, Inhalte und Besucherkommunikation. Mateja entwickelte Backend, Next.js-Administration und Android-App; Mihael Koić entwickelte die iOS-App und brachte Designkonzepte und UX-Ideen ein.

Geschäftliches Problem

Eventbesucher benötigen vor, während und nach einer Veranstaltung einen zuverlässigen Ort für praktische Informationen und interaktive Teilnahme.

Mein Beitrag

  • Die Supabase-Architektur für Authentifizierung, PostgREST-Datenzugriff, Storage, Realtime, Rollen und Row Level Security entworfen.
  • Im Repository belegte Produktbereiche wie QR-Ticketabläufe, Turniere, Ranglisten, Programm, Profile und DSGVO-konforme Kontolöschung umgesetzt.
  • Ein Next.js-/TypeScript-Admin-Dashboard für Nutzer, Spiele, Turniere, Sponsoren, Beiträge, Anmeldungen, Programm und gezielte Push-Nachrichten entwickelt und gepflegt.
  • Teilnehmer-Seedings, Turnierbaum-Generierung, Freilose, Match-Fortschritt und Realtime-Bracket-Updates implementiert.

Technische Herausforderungen

Technische Herausforderungen

01

Supabase-Plattformarchitektur

Authentifizierung, relationale Daten, Storage, Realtime-Abonnements, Rollen und RLS-Richtlinien für Mobile- und Admin-Clients entwerfen.

02

Turnierbetrieb und Seeding

Gesetzte Turnierbäume mit Freilosen generieren, Gewinner weiterleiten und Match-Updates in Echtzeit synchronisieren.

03

Mobile, Admin und Kommunikation

Android-Funktionen, Admin-Abläufe, QR-Tickets und gezielte OneSignal-Benachrichtigungen konsistent verbinden.

Screenshots

Screenshots

Aufnahmen aus der laufenden Anwendung. Seriennummern, Netzwerkadressen und Sensorkennungen sind geschwärzt.

Fantastic-Events-Ticketansicht auf einem Smartphone: Ticket-Illustration, ein Feld für den zwanzigstelligen Code mit QR-Scan-Schaltfläche, eine Speichern-Schaltfläche und ein Link zum Ticketkauf

Ticket — QR-Code scannen oder die zwanzig Ziffern eintippen

Der Bildschirm, an dem der Einlass hängt: Besucher scannen den QR-Code ihres Tickets oder tippen den Code ein, wenn die Kamera am Eingang nicht mitspielt. Einmal gespeichert, bleibt das Ticket auf dem Gerät — und wer ohne kommt, findet auf demselben Bildschirm den Weg zum Kauf.

Fantastic-Events-Startbildschirm auf einem Tablet: Event-Logo, laufender Countdown zur Fantastic Gaming Show 2026, Verknüpfungen zu Ticket, Rangliste, Programm und Turnieren sowie eine Leiste mit vier Partnerlogos

Start — Countdown, die vier Verknüpfungen und die Partner des Events

Ein Bildschirm für die vier Dinge, wegen derer Besucher die App öffnen — Ticket, Rangliste, Programm und Turniere — unter einem laufenden Countdown zur Messe. Die Leiste darunter wechselt zwischen Partnern, Medien, Sponsoren und Ausstellern; gepflegt wird all das im Next.js-Backend statt in einem App-Release.

Fantastic-Events-Programmansicht auf einem Tablet mit Reitern für Freitag und Samstag und Programmpunkten mit Uhrzeit, darunter Eröffnung, eine Verlosung und STEM-Workshops für Schulen

Programm — der Ablauf je Tag, in zeitlicher Reihenfolge

Das Programm so, wie der Veranstalter es pflegt: ein Reiter je Veranstaltungstag, Einträge in zeitlicher Reihenfolge, jeweils mit der aus dem Admin-Dashboard veröffentlichten Beschreibung. Einen Programmpunkt zu verschieben ist eine Änderung im Backend statt ein App-Update — genau das braucht ein Ablauf, der sich am Tag selbst noch ändert.

Architektur

Architektur

Ein Android-Client mit Kotlin und Jetpack Compose sowie ein Next.js-Admin-Dashboard teilen sich ein Supabase-Backend. Authentifizierung, PostgREST-Datenzugriff, Storage und Realtime-Abonnements liegen hinter rollenbasierter Row Level Security, sodass dieselben Richtlinien für App und Verwaltungssystem gelten.

Ergebnis

Ergebnis

Mateja lieferte das gemeinsame Backend, die Android-App und die Next.js-Administrationsabläufe. Mihael Koić entwickelte die iOS-App und brachte Designkonzepte und UX-Ideen ein, sodass Mobile- und Administrationsoberflächen aufeinander abgestimmt sind.

Technologien

KotlinAndroidJetpack ComposeNext.jsTypeScriptSupabaseRow Level SecurityRealtimeOneSignalCameraX / ML KitTipTapSwift / iOS