WNBF HUNGARY — Sportszövetségi platform
A nevezéstől a tagsági igazolásig — egy teljes szövetség működése egyetlen platformon.
A WNBF Hungary a World Natural Bodybuilding Federation hivatalos magyar tagszövetsége. A platform a szövetség teljes digitális működését lefedi: nyilvános, kétnyelvű (HU/EN) weboldal versenynaptárral és kategória-útmutatóval, több lépcsős online versenynevezés doppingmentességi nyilatkozattal, tagsági rendszer automatikus PDF-igazolással, Stripe-os fizetés, merch webshop kosárral, valamint egy 16 modulos admin backoffice, ahonnan a versenyeket, nevezéseket, eredményeket, doppingteszteket és rendeléseket kezelik. React 19 + Supabase stacken, 38 adatbázis-migrációval és 14 Edge Functionnel.
Élő weboldal megtekintése
Megvalósítás
A projekt fő építőelemei, amelyek együtt egy teljes körű megoldást alkotnak.
- 01
Több lépcsős versenynevezés — személyes adatok, kategóriaválasztás és kötelező doppingmentességi nyilatkozat egy vezetett folyamatban
- 02
Tagsági rendszer Stripe-fizetéssel: sikeres tranzakció után automatikusan generált, aláírt PDF tagsági igazolás érkezik e-mailben
- 03
Kategória-kereső kvíz, amely a versenyző adottságai alapján ajánlja a megfelelő indulási kategóriát (bikini, figure, classic, bodybuilding)
- 04
Merch webshop kosárral, kuponkódokkal, rendelés- és szállításkövetéssel
- 05
16 modulos admin backoffice — versenyek, nevezések, eredmények, doppingtesztek, tagságok, rendelések, galéria és tartalom szerkesztése
- 06
Teljes HU/EN kétnyelvűség: nem csak a felület, hanem az adatbázisban tárolt tartalom és a kiküldött e-mailek is a felhasználó nyelvén szólalnak meg
- 07
14 automatizált e-mail folyamat: nevezés-visszaigazolás, státuszváltozás, verseny-emlékeztető, check-in, elhagyott kosár, napi admin-összefoglaló
Technológia
A projekt tech stack-je részletesen — minden réteg modern, jól dokumentált, karbantartható.
Core
React 19, TypeScript, Vite, React Router 7
Styling
Tailwind CSS 4, shadcn/ui, Radix UI primitívek, Lucide ikonok
Backend & DB
Supabase (PostgreSQL, RLS, Auth, Storage) — 38 migráció
Edge Functions
14 Deno function — checkout, e-mail, PDF, ütemezett feladatok
Fizetés
Stripe Checkout — nevezési díj, tagdíj és webshop-rendelés
E-mail & PDF
Resend tranzakciós e-mailek, pdf-lib tagsági igazolás generálás
Adatkezelés
TanStack Query, React Hook Form, Zod validáció
Kétnyelvűség
Egyedi i18n context + adatbázisban tárolt tartalom-fordítások
Funkciók és eredmény
A kész termék kulcs-funkciói, amelyek tényleges üzleti értéket adnak.
Online versenynevezés
Vezetett, több lépcsős nevezési folyamat kategóriaválasztással, doppingmentességi nyilatkozattal és azonnali fizetéssel
Tagsági rendszer PDF-igazolással
Stripe-fizetés után automatikusan generált, aláírt PDF tagsági igazolás e-mailben — versenynevezés előfeltétele
Kategória-kereső kvíz
Interaktív kérdéssor, amely a versenyzőt a neki megfelelő indulási kategóriához vezeti
Merch webshop
Termékkatalógus, kosár, kuponkódok, Stripe checkout, rendelés- és szállításkövetés e-mail értesítésekkel
Admin backoffice
16 modul: versenyek, nevezések, eredmények, doppingtesztek, tagságok, rendelések, kuponok, galéria, statisztikák
Doppingteszt-nyilvántartás
Vizelet-, poligráf- és WADA-lista alapú ellenőrzések rögzítése, eltiltott versenyzők kezelése
Eredmények és galéria
Nyilvános eredménylisták, verseny-galéria és videótár Supabase Storage-ból kiszolgálva
Automatizált kommunikáció
Ütemezett verseny-emlékeztetők, elhagyott kosár e-mailek és napi admin-összefoglaló Edge Functionökből
Hasonló projektet szeretnél?
Az alábbi szolgáltatás-csomagok hasonló stack-ből épülnek. Nézd meg a részletes leírást, és kérj ingyenes árajánlatot.
A te projekted lenne a következő?
30 perces ingyenes konzultáció — átnézzük a vállalkozásod, a célközönséget, és 24 órán belül árajánlatot adok.
Az összes projekt