Nazad na projekte

Objavljena platforma za događaje

Fantastic Events

Android pratilac za više događaja: sačuvane ulaznice, QR aktivnosti i turniri, povezani sa zajedničkim backendom i Next.js administracijom.

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 aplikacija u radu. Mrežne adrese, oznake senzora i kodovi ulaznica su sakriveni.

Fantastic Events početna stranica na Androidu za Zagreb Games Week sa odbrojavanjem, ulaznicom i aktivnostima

Početna — izbor događaja i brzi pristup

Početni ekran objedinjuje odbrojavanje, lokaciju i prečice. Izbor događaja omogućava prelazak između Zagreb Games Week i Fantastic Gaming Show u istoj aplikaciji.

Fantastic Events admin pregled sa statistikom događaja, statusima turnira i indie igrama

Administracija — pregled događaja i statusi turnira

Admin panel objedinjuje statistiku događaja, prijave na turnire i sekcije sadržaja. Organizatori vide broj učesnika i pristupaju odgovarajućim ekranima za upravljanje.

Eliminacioni žreb EA Sports FC turnira za osam učesnika sa označenim pobednicima, polufinalom, finalom i mečom za treće mesto

Žreb — eliminacione runde i meč za treće mesto

Eliminacioni žreb za osam učesnika prikazuje put od prve runde do finala i meča za treće mesto. Označeni pobednici, unos rezultata i kontrole uvećanja olakšavaju praćenje i vođenje takmičenja.

Fantastic Events upravljanje turnirima sa igrama, datumima, statusima prijave i kontrolama

Upravljanje turnirima — termini, statusi i akcije

Pretraživa lista prikazuje igru, datum i status prijave za svako takmičenje. Akcije u redovima vode do žreba, deljenja i izmene turnira za EA Sports FC, Valorant i League of Legends.

Sačuvana Fantastic Events ulaznica sa statusom, vlasnikom i opcijama pomoći; ulazni QR i broj ulaznice su sakriveni

Ulaznica — sačuvan pristup događaju

Sačuvana ulaznica ima poseban ekran za ulaz, sa statusom, vlasnikom, kopiranjem koda i pomoći. Snimak je napravljen sa test naloga; QR kod i broj ulaznice su sakriveni za objavljivanje.

Fantastic Events lista sa šest QR zadataka, aktivnim statusima i napretkom skeniranja

Zadaci — aktivnosti i QR napredak

Posetioci mogu da rešavaju aktivnosti bilo kojim redosledom. Svaki zadatak prikazuje aktivni status i broj skeniranih QR stanica, tako da je napredak uvek vidljiv.

Fantastic Events zadatak simulatora vožnje sa uputstvom, statusom, napretkom i QR skeniranjem

QR zadatak — uputstvo i skeniranje stanice

Detalj zadatka povezuje aktivnost na događaju sa digitalnom potvrdom: uputstvo, status i napredak nalaze se uz opciju skeniranja. Isti QR kod može da se sačuva samo jednom po korisniku.

Fantastic Events pregled turnira za League of Legends, EA Sports FC i Valorant sa statusima prijave i vremenom početka

Turniri — pregled takmičenja i detalja

Pregled turnira prikazuje svako takmičenje sa slikom, statusom prijave i vremenom početka. Detalji nude kapacitet, termine i napomene organizatora pre prijavljivanja.

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