01
Strona główna
Strona główna prezentuje klimat pirackiego RPG, zachęca do rozpoczęcia przygody i prowadzi do rejestracji oraz panelu gry. Layout jest responsywny, zlokalizowany i spójny wizualnie z resztą aplikacji.
PROJEKTY
PirateHero
PirateHero - Przeglądarkowa gra RPG w klimacie pirackim
PirateHero to pełnoprawna przeglądarkowa gra RPG full-stack w świecie piratów. Gracze rozwijają bohatera, eksplorują lochy, walczą na arenie, zarządzają statkiem i ekonomią gry. Zbudowana w Symfony (backend) oraz React z TypeScript (frontend).
TypeScriptReactSymfonyAPI PlatformTailwindJWT
02
Rejestracja i logowanie
Formularz rejestracji i logowania umożliwia utworzenie konta oraz wejście do gry. Rejestracja wymaga aktywacji e-mailem, a logowanie korzysta z JWT i refresh tokenów. Dostępne są też reset hasła oraz zmiana hasła w ustawieniach.
03
Kontakt
Podstrona kontaktowa pozwala wysłać wiadomość do twórcy gry - zgłosić problem, zapytać o współpracę lub przekazać sugestię. Formularz jest prosty i spójny z resztą publicznego frontendu.
04
O grze
Sekcja „O grze” opisuje świat PirateHero, zasady rozgrywki i główne możliwości dla nowych graczy. Pomaga szybko zrozumieć, czym jest gra, zanim użytkownik założy konto.
05
Postać i progresja
Po zalogowaniu gracz zarządza bohaterem: awatar, ekwipunek wearables, tytuły, trening i rozwój poziomów. To centralny ekran panelu gry, z którego wychodzi dalsza rozgrywka.
06
Lochy
Lochy (m.in. Krypta, Kraken, Forteca, Wulkan, Pałac) to wieloetapowe wyzwania z przeciwnikami, energią i nagrodami. Do tego dochodzi bestiariusz z informacjami o potworach.
07
Walki i arena
Moduł walk umożliwia pojedynki na arenie oraz zarządzanie limitami starć. Wyniki i przebieg walki są prezentowane w panelu gry, a gracze mogą podglądać profile innych użytkowników.
08
Statek
Statek to społeczna część gry - dołączanie do załogi, zarządzanie członkostwem, podgląd okrętów i walki między statkami. Rozszerza solo loop o współpracę z innymi graczami.
09
Sklep i nagrody
Sklep przedmiotów, sklep premium, codzienne nagrody, boostery i kupony budują ekonomię gry. Oferty mogą być odświeżane cyklicznie po stronie backendu.
10
Backend - Symfony
Backend został zbudowany w Symfony 7 z API Platform, Doctrine ORM, Lexik JWT oraz Gesdinet refresh tokens. Logika gry (walki, lochy, sklep, misje, ranking) jest wystawiona jako REST API z walidacją, CORS i komendami seedującymi katalog gry.
11
Frontend - React & TypeScript
Frontend powstał w React 19 z TypeScript i Vite. Aplikacja korzysta z React Router, TanStack Query, Tailwind CSS, i18next oraz Sonner. Kod jest podzielony na warstwę publiczną (landing, auth, kontakt) i panel gry.
12
Testy
Projekt pokryty jest testami jednostkowymi/UI (Vitest + Testing Library) oraz testami funkcjonalnymi Playwright. Automatyczna weryfikacja obejmuje kluczowe ścieżki auth i rozgrywki.