AthloBase

Izradio sam AthloBase za događaj „Neighborhood“ Hack Cluba kao centraliziranu platformu za upravljanje sportskim klubovima i timovima. Klubove, treninge, događanja, članstva i svakodnevne operacije okuplja u jedan dashboard, pa organizatori ostaju dosljedni, a sportaši i članovi informirani.

Projekt je bio i osobna prekretnica: isporukom AthloBasea kao projekta za Hack Club zaradio sam poziv GitHuba da im se pridružim u San Franciscu.

Problem i cilj

Amaterski klubovi često rade na raspršenim alatima: tablice za popise članova, chatovi za obavijesti, zasebni kalendari za treninge i improvizirano praćenje članstva. Cilj AthloBasea bio je te tijekove rada objediniti u jedan pouzdan proizvod:

• Podrška za više klubova pod jednim računom (za organizatore koji vode više timova ili programa).

• Stvaranje, planiranje i upravljanje treninzima i događanjima s jednog mjesta.

• Praćenje članstava i sudjelovanja bez ručnih tablica.

• Čisto, brzo sučelje koje radi kao pravi proizvod, a ne samo demo.

Moja uloga

AthloBase sam izradio od početka do kraja kao samostalni full stack projekt:

• Dizajn proizvoda: definiranje osnovnih objekata (klubovi, članovi, treninzi, događanja) i tijeka dashboarda.

• Frontend: Next.js sučelje s Tailwind CSS-om i Zustandom za stanje.

• Backend: Next.js API rute za serversku funkcionalnost.

• Prijava i podaci: Auth.js (NextAuth) za autentikaciju i MongoDB kroz Prisma ORM za pohranu.

• Deploy: objavljeno na Vercelu.

Što sam izradio

Dashboard za više klubova

AthloBase sam osmislio oko modela „više klubova“, pa jedan korisnik s jednog računa upravlja s više organizacija. Dashboard je središnje mjesto za kretanje među klubovima i pregled nadolazećih treninga i događanja bez skakanja među alatima.

Treninzi i događanja

Implementirao sam tijekove rada za stvaranje i upravljanje:

• Treninzima (ponavljajućim ili zakazanim).

• Događanjima (utakmice, turniri, okupljanja ili administrativni događaji).

Ključna odluka o proizvodu bila je da planiranje i vidljivost budu na prvom mjestu: klubovi žive od dosljednosti i komunikacije.

Upravljanje članstvom

Izradio sam praćenje članstva kako bi klubovi mogli:

• Voditi popis članova i sportaša.

• Povezati članove s klubovima i kontekstima sudjelovanja.

• Držati strukturu kluba urednom kako raste (umjesto da svake sezone počinju iznova u novoj tablici).

Autentikacija i siguran pristup

Integrirao sam Auth.js (NextAuth) kako bi identitet korisnika bio dosljedan u cijeloj aplikaciji, a osjetljive operacije kluba zaštićene prijavom. Time dashboard i podaci kluba nisu „javni po zadanom“, što je važno i za male klubove iz zajednice.

Tehnički pristup

Odabir stacka i razlozi

• Next.js za brze iteracije i cjelovit full stack u jednom kodu (UI + API).

• Next.js API rute za brzinu i backend logiku blizu samog proizvoda.

• MongoDB + Prisma ORM za čisto modeliranje entiteta kluba i tima i sigurne upite.

• Zustand za jednostavno, a predvidljivo upravljanje stanjem.

• Tailwind CSS za brzu isporuku dosljednog sučelja.

• Deploy na Vercel radi jednostavnih preview URL-ova, iteracija i objave.

Za što sam optimizirao

• Brzinu razvoja: ograničenja hackathona traže pragmatičnu arhitekturu.

• Čist podatkovni model: klubovi, treninzi, događanja i članstva moraju biti fleksibilni.

• Dojam proizvoda: UX dashboarda mora biti razumljiv u nekoliko minuta.

Rezultati

• Isporučen cjelovit full stack proizvod s autentikacijom, trajnim podacima i stvarnim deployem.

• Pokazana sposobnost da se stvarni operativni problem pretvori u upotrebljivu dashboard aplikaciju.

• Kao rezultat projekta, poziv GitHuba da im se pridružim u San Franciscu.