Nazad na projekte

Objavljena platforma za događaje

Fantastic Events

Izvorna Android aplikacija za događaje i Next.js administrativni sistem za ulaznice, rasporede, turnire, sadržaj i interakciju sa publikom.

Uloga
Arhitekta rešenja, backend, Android i veb programer
Trenutni status
Javno dostupno na Google Play-u

Pregled

Pregled

Fantastic Events povezuje Android aplikaciju, iOS aplikaciju, Next.js administrativni sistem i zajednički backend za ulaznice, rasporede, turnire, sadržaj i komunikaciju sa publikom. Mateja je razvio backend, Next.js administrativni sistem i Android aplikaciju; Mihael Koić je razvio iOS aplikaciju i doprineo konceptima dizajna i UX idejama.

Poslovni problem

Posetiocima događaja potrebno je jedno pouzdano mesto za praktične informacije i interaktivno učešće pre, tokom i posle događaja.

Moj doprinos

  • Projektovao Supabase arhitekturu za autentifikaciju, PostgREST pristup podacima, skladište, Realtime, uloge i bezbednost na nivou redova.
  • Implementirao oblasti proizvoda zastupljene u repozitorijumu, uključujući tokove QR ulaznica, turnire, rang-liste, rasporede, profile i brisanje naloga u skladu sa GDPR-om.
  • Izgradio i održavao Next.js i TypeScript administrativnu tablu za korisnike, igre, turnire, sponzore, objave, prijave, rasporede i ciljane push notifikacije.
  • Implementirao postavljanje nosilaca, generisanje turnirskih tabela, slobodne prolaze, napredovanje pobednika i ažuriranje tabela u realnom vremenu.

Tehnički izazovi

Tehnički izazovi

01

Arhitektura Supabase platforme

Projektovanje autentifikacije, relacionih podataka, skladišta, Realtime pretplata, uloga i RLS pravila za mobilne i administratorske klijente.

02

Vođenje turnira i postavljanje nosilaca

Generisanje turnirskih tabela sa nosiocima i slobodnim prolazima, napredovanje pobednika i sinhronizovanje mečeva u realnom vremenu.

03

Mobilna aplikacija, administracija i komunikacija

Usklađivanje Android funkcija, administratorskih tokova, QR ulaznica i ciljanih OneSignal obaveštenja.

Snimci ekrana

Snimci ekrana

Snimci iz aplikacije u radu. Serijski brojevi, mrežne adrese i oznake senzora su sakriveni.

Fantastic Events ekran ulaznice na telefonu: ilustracija ulaznice, polje za dvadesetocifreni kod sa dugmetom za QR skeniranje, dugme za čuvanje i link za kupovinu ulaznice

Ulaznica — skeniraj QR kod ili ukucaj dvadeset cifara

Ekran od kojeg zavisi ulazak: posetilac skenira QR kod sa ulaznice ili ukuca kod kada kamera na vratima neće da sarađuje. Kada je jednom sačuvana, ulaznica ostaje na uređaju, a isti ekran nudi link za kupovinu onome ko dođe bez nje.

Fantastic Events početni ekran na tabletu: logo događaja, odbrojavanje do Fantastic Gaming Show 2026, prečice do ulaznice, rang-liste, događaja i turnira i traka sa četiri logotipa partnera

Početna — odbrojavanje, četiri prečice i partneri događaja

Jedan ekran za četiri stvari zbog kojih posetilac otvara aplikaciju — ulaznicu, rang-listu, program i turnire — ispod odbrojavanja do sajma. Traka ispod prebacuje između partnera, medija, sponzora i izlagača, a sve se održava iz Next.js administracije umesto kroz novo izdanje aplikacije.

Fantastic Events ekran programa na tabletu, sa karticama za petak i subotu i tačkama programa sa vremenom, uključujući svečano otvaranje, nagradnu igru i STEM radionice za škole

Program — raspored po danu, hronološkim redom

Program onako kako ga organizator održava: jedna kartica po danu događaja, tačke poređane po vremenu, svaka sa opisom objavljenim iz administrativne table. Pomeranje termina je izmena u backendu, a ne novo izdanje aplikacije — upravo to traži raspored koji se menja istog dana.

Arhitektura

Arhitektura

Android klijent u Kotlinu i Jetpack Compose-u i Next.js administrativna tabla dele jedan Supabase backend. Autentifikacija, PostgREST pristup podacima, skladište i Realtime pretplate zaštićeni su bezbednošću na nivou redova zasnovanom na ulogama, pa ista pravila važe i za mobilnu aplikaciju i za administrativni sistem.

Rezultat

Rezultat

Mateja je realizovao zajednički backend, Android aplikaciju i Next.js administrativne tokove. Mihael Koić je realizovao iOS aplikaciju i doprineo konceptima dizajna i UX idejama, čime su mobilno i administrativno iskustvo usklađeni.

Tehnologije

KotlinAndroidJetpack ComposeNext.jsTypeScriptSupabaseRow Level SecurityRealtimeOneSignalCameraX / ML KitTipTapSwift / iOS