Wszystkie projektyAplikacja mobilna · Sport / Gamifikacja

QuizClic

Quizy sportowe, rankingi i nagrody — codzienna Quiz Liga, tematyczne wyzwania i rywalizacja z innymi kibicami.

Rola: Full-stack developer (mobile, API, admin)
Klient: Stacknoir — zespół 5 osób
Okres: 2026
Platforma: iOS · Android · Web (admin)

01 / O PROJEKCIE

Co to jest?

QuizClic to aplikacja dla kibiców sportu: codziennie można rozwiązać quiz w Quiz Lidze, zbierać punkty, piąć się w rankingu i walczyć o nagrody — od gotówki, przez konsole, po bilety na mecze. Do tego dochodzą czasowe wyzwania tematyczne (np. „Droga na Mundial 2026”) z osobnymi rankingami i nagrodami.

Projekt składa się z trzech części: aplikacji mobilnej w React Native (Expo), backendu w Node.js / Express z bazą PostgreSQL oraz panelu administratora w Next.js, w którym zespół zarządza quizami, pytaniami, wyzwaniami, banerami i powiadomieniami push.

Pracowałem w 5-osobowym zespole i jestem autorem największej liczby commitów w repozytorium — rozwijałem wszystkie trzy części: ekrany i logikę aplikacji, endpointy API i model danych oraz moduły panelu admina.

0Aplikacje: mobile, API, admin

0Modeli w bazie danych

0+Moich commitów

02 / FUNKCJE

Co zawiera

Najważniejsze moduły i funkcjonalności projektu.

Quiz Liga

Codzienny quiz na czas z punktacją, podsumowaniem wyniku, historią rozgrywek, rankingiem indywidualnym i listą nagród.

Wyzwania

Tematyczne wyzwania quizowe i typerskie z zapisem, własnym regulaminem, rankingiem i pulą nagród.

Logowanie i onboarding

Rejestracja e-mail z weryfikacją, Sign in with Apple, logowanie przez Facebooka, reset hasła i onboarding z profilem gracza.

Powiadomienia push

Firebase Cloud Messaging, rozszerzenie Notification Service na iOS oraz kolejka wysyłek obsługiwana przez cron po stronie API.

Panel administratora

Next.js-owy panel do zarządzania quizami, pytaniami, wyzwaniami, banerami, FAQ i pushami — z osobnymi sesjami adminów i logiem audytowym.

Profil gracza

Wybór awatara, edycja danych, FAQ i regulaminy dostępne z poziomu aplikacji.

03 / TECHNOLOGIE

Z czego zbudowane

Stack technologiczny użyty w projekcie.

Mobile

React Native 0.81Expo SDK 54Expo RouterTypeScriptReanimatedEAS Build

Stan i formularze

ZustandReact Hook FormZodaxiosexpo-secure-store

Backend

Node.js 24Express 5PostgreSQL 17Prisma ORMJWTnode-cacheCronNodemailer

Panel admina

Next.js 14ReactTailwind CSS

Integracje

Firebase MessagingFirebase AnalyticsSign in with AppleFacebook LoginKochava

Jakość i infrastruktura

JestSupertestGitHub ActionsDockerDigitalOceanOWASP ZAP

04 / GALERIA

Zrzuty ekranu

Baner QuizClic — quizy sportowe, rankingi i nagrody — Quizy sportowe, rankingi i nagrody

Ekran wyniku quizu — Wynik i statystyki quizu

Ekran pytania w quizie — Pytanie na czas

Ekran rankingu wyzwania — Ranking wyzwania

Ekran powitalny QuizClic — Onboarding — powitanie

Ekran danych gracza — Onboarding — profil gracza

Ekran zgody na powiadomienia — Onboarding — powiadomienia

05 / CZEGO SIĘ NAUCZYŁEM

—Dowiezienie całego produktu end-to-end: aplikacja, API, baza i panel admina.
—React Native z Expo Router i publikacja przez EAS na iOS i Androida.
—Projektowanie modelu danych w Prisma i API z walidacją Zod.
—Logowanie społecznościowe, push notyfikacje i bezpieczeństwo (testy OWASP ZAP).

Następny projektWtajemniczeni — Quiz Room