Quiz Gry

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

Stwórz responsywną, interaktywną webową aplikację quizową o tytule „Quiz Gry”, z interfejsem w języku polskim. To nie jest gra akcji, tylko społecznościowa platforma do przeglądania, rozwiązywania i tworzenia quizów o grach.

Wizualnie użyj nowoczesnego, ciemnego dashboardu: bardzo ciemne granatowe tło z subtelnym radialnym rozświetleniem, granatowe karty z cienkimi niebieskoszarymi obramowaniami, zaokrąglone narożniki, jasny prawie biały tekst, wyciszony niebieskoszary tekst pomocniczy, fioletowe gradientowe przyciski oraz turkusowe wartości statystyk. Dodaj miękkie cienie. Aplikacja ma także przełącznik jasnego motywu, w którym tło jest jasnoniebieskie/białe, karty białe, a akcenty pozostają fioletowe. Używaj emoji jako ikon (🎮, 🧭, 🏆, 🎖️, ℹ️ itd.).

Układ desktopowy: po lewej stały pionowy sidebar szerokości około 248 px z logo „Quiz Gry” i fioletowym kwadratem z ikoną 🎮, a poniżej nawigacja: „Start”, „Quizy”, „Ranking”, „Osiągnięcia”, „Info”. Aktywna pozycja ma podświetloną kartę. Na dole sidebara pokaż panel konta: dla niezalogowanego „TRYB GOŚCIA”, „Rozwiązuj quizy” i informację, że logowanie pozwala tworzyć quizy oraz zdobywać pełne nagrody; po zalogowaniu pokaż okrągły avatar z pierwszą literą nicku, nick, rolę i punkty, przycisk „Mój profil”, a dla użytkownika administracyjnego także „🛡 Panel admina”. Po lewej na mobile zastąp sidebarem przyklejonym do dołu ekranu paskiem nawigacji z ikonami i małymi podpisami; ukryj logo i panel konta.

Główna treść ma górny pasek z małym napisem „SPOŁECZNOŚCIOWA PLATFORMA QUIZOWA”, dużym tytułem zależnym od widoku (domyślnie „Witaj w Quiz Gry”), przyciskiem „☾ Tryb” oraz fioletowym przyciskiem „Zaloguj się”.

Widok Start: na górze pokaż duży hero-card z etykietą „⚡ WYZWANIE GODZINOWE”, nagłówkiem „Sprawdź się w świecie gier”, tekstem „Nowy specjalny quiz co godzinę. Zagraj raz i poluj na najlepszy czas.” oraz przyciskiem „Zagraj teraz”. Karta ma dekoracyjny duży symbol księżyca ☾ po prawej, a w jasnym motywie symbol słońca ☀. Obok pokaż kartę statystyk „TWOJE ZWYKŁE PUNKTY”, wartość początkową 0, „Ranking: 0 pkt” i „Odznaki: 2”. Niżej sekcja „Popularne quizy” z przyciskiem „Zobacz wszystkie” i kartami pierwszych popularnych quizów.

Widok Quizy/odkrywanie: pokaż kartę „Znajdź quiz”, podtytuł „Gry, klasyki, RPG, strategie i więcej”, przycisk „＋ Stwórz quiz” i pole wyszukiwania „Szukaj po tytule lub grze…”. Wyniki wyświetl jako responsywną siatkę kart quizów. Każda karta zawiera tag kategorii/gry, ikonę gwiazdki ulubionych (pusta lub pełna), opcjonalnie ikonę edycji dla własnego quizu, tytuł, autora, liczbę pytań, polubienia, opcjonalną etykietę „✦ ZŁOTY” i „✅ ZWERYFIKOWANY”, tekst „Brak poziomu” oraz przycisk „Zagraj”. Wbuduj te dokładne przykładowe quizy i pytania:
- „Minecraft: Bloki i przetrwanie”, gra Minecraft, autor KajaCraft, 14 polubień, złoty: pytania: „Który mob wybucha po zbliżeniu?” (Creeper, Enderman, Pająk, Zombie; poprawne Creeper), „Czego potrzebujesz do stworzenia stołu rzemieślniczego?” (Drewna, Kamienia, Żelaza, Szkła; poprawne Drewna), „Jaki wymiar zamieszkują Endermany?” (Nether, Kres, Niebieści, Podziemia; poprawne Kres).
- „Wiedźmin 3: Dziki Gon”, gra The Witcher 3, autor PerssMoon, 9 polubień, nie-złoty: „Jak ma na imię koń Geralta?” (Płotka, Kasztanka, Luna, Ciri; poprawne Płotka), „Kto jest przybraną córką Geralta?” (Yennefer, Triss, Ciri, Keira; poprawne Ciri), „Jaki znak tworzy barierę?” (Igni, Aard, Quen, Axii; poprawne Quen).
- „Klasyki Nintendo”, gra Nintendo, autor kufu, 22 polubienia, złoty: „Jak nazywa się bohater serii The Legend of Zelda?” (Zelda, Link, Mario, Kirby; poprawne Link), „Jakiego koloru jest czapka Mario?” (Niebieska, Zielona, Czerwona, Żółta; poprawne Czerwona), „Która postać pochodzi z Dream Land?” (Kirby, Samus, Fox, Pikachu; poprawne Kirby).
- „RPG dla wtajemniczonych”, gra RPG, autor PixelNerd, 6 polubień, nie-złoty: „Co oznacza skrót RPG?” (Role Playing Game, Rapid Play Game, Real Player Goal, Random Pixel Game; poprawne Role Playing Game), „Co zwykle rozwija bohater?” (Statystyki, Pogodę, Konsolę, Internet; poprawne Statystyki).
Filtrowanie wyszukiwarki ma sprawdzać tytuł, grę i autora.

Po kliknięciu „Zagraj” otwieraj centralny modal na ciemnym przyciemnionym tle. Modal pokazuje tag gry, tytuł, przycisk zamknięcia, licznik „Pytanie X z Y”, stoper w sekundach z ikoną ⏱, treść pytania i duże przyciski odpowiedzi. Po wybraniu odpowiedzi podświetl ją na zielono dla poprawnej lub różowo/czerwono dla błędnej, po około pół sekundy przejdź do kolejnego pytania. Po ukończeniu pokaż „Quiz ukończony 🎉”, wynik w formacie np. 3/3, czas w sekundach i informację o nagrodzie. Każda poprawna odpowiedź daje 10 zwykłych punktów; ukończenie złotego quizu daje dodatkowo 1 punkt rankingowy. Zwiększaj też liczbę ukończonych quizów. Przycisk „Zagraj teraz” w hero uruchamia pierwszy quiz Minecraft jako wyzwanie godzinowe.

Logowanie/rejestracja odbywa się w modalu z polami „Nick” i „Hasło”, przyciskami „Zaloguj”, „Zarejestruj” i „Graj bez konta”. Gość może rozwiązywać quizy, ale próba zapisu ulubionego quizu pokazuje komunikat „Zaloguj się, aby zapisywać ulubione”, a tworzenie quizów wymaga konta. Zapisuj stan aplikacji lokalnie, aby punkty, użytkownik, ulubione i utworzone quizy przetrwały odświeżenie. Przy logowaniu administratora kufu wymagaj hasła „kufu2”; nieznane konto zgłasza konieczność rejestracji. Pokazuj krótkie powiadomienia toast przy akcjach.

Tworzenie quizu: po zalogowaniu przycisk „＋ Stwórz quiz” otwiera modal „✍️ EDYTOR TWÓRCY” z polami tytułu i gry/kategorii, pytaniami oraz odpowiedziami. Każde pytanie ma treść, od 2 do 6 odpowiedzi, wybór poprawnej przez radio, możliwość usunięcia odpowiedzi i dodania odpowiedzi. Można dodać maksymalnie 12 pytań; quiz musi mieć co najmniej jedno pytanie. Waliduj puste pola. Publikacja dodaje quiz do listy z autorem zalogowanego użytkownika i liczbą polubień 0; własne quizy mogą być później edytowane.

Widok Ranking: pokaż dwie karty/listy: „🏆 Ranking punktów” z użytkownikami uporządkowanymi według punktów oraz „⏱ Najlepsze czasy” z wpisami KajaCraft 42 s, PerssMoon 48 s i PixelNerd 53 s, opisanymi jako „Wyzwanie godzinowe”. Początkowi użytkownicy rankingu to PerssMoon (Założyciel, 132 pkt, ranking 87), kufu (Admin, 120 pkt, ranking 74), KajaCraft (Gracz, 98 pkt, ranking 56) i PixelNerd (Gracz, 73 pkt, ranking 31). Kliknięcie nazwy otwiera profil w modalu z rolą, punktami, punktami rankingowymi, ukończonymi quizami i odznakami.

Widok Osiągnięcia: karta „🎖️ Osiągnięcia” z siatką osiągnięć, każda z emoji, nazwą, opisem, paskiem postępu i licznikiem. Użyj: „🎮 Pierwszy krok” — Ukończ swój pierwszy quiz; „🧠 Gracz” — Ukończ 3 quizy; „⭐ Kolekcjoner” — Dodaj 3 quizy do ulubionych; „🏅 Twórca marzyciel” — Stwórz 3 zweryfikowane quizy; „🔥 Gramy na poważnie” — Graj przez 3 godziny; „💎 Pro” — Znajdź się w TOP 50 rankingu. Początkowe paski mogą pokazywać wartości 0, zgodnie z widocznymi statycznymi danymi interfejsu.

Widok Info: karta „ℹ️ Info i aktualizacje” z wpisem „📣 Start platformy Quiz Gry”, opisem pierwszej wersji społecznościowej platformy i datą „Dzisiaj”, oraz wpisem „✨ Złote quizy” z informacją, że quizy z 10 ulubieniami mogą zdobyć złotą gwiazdkę i etykietą „Założyciel”.

Panel administratora jest dostępny wyłącznie dla kufu. W modalu „🛡 ADMINISTRACJA / Panel administratora” pokaż liczbę wszystkich quizów, zweryfikowanych i złotych, listę quizów oraz przyciski „Zweryfikuj/Cofnij weryfikację” i „Nadaj złotą/Usuń złotą” dla każdego quizu. Zmiany aktualizują karty i zapisują się lokalnie. Wszystkie widoki, modale, nawigacja, quizy, statystyki, ulubione, motyw jasny/ciemny, logowanie i edytor muszą być faktycznie interaktywne.