Projekt wykorzystuje asynchronicznego JavaScript oraz korzysta z REST API.
Mentor: Łukasz Dutka
Uczestnicy:
- Kamil Arendarczyk (UX Designer)
- Aleksandra Cypko (Tech Lead)
- Małgorzata Dziewit
- Daria Dziubałtowska (Product Owner)
- Agata Ludwiczyńska
- Mariusz Smarż (Develepment Manager)
Live - działająca aplikacja - zagraj i sprawdź czy dobrze rozpoznajesz Pokemony :)
Aplikacja została stworzona w oparciu o czysty JavaScript. Nie korzysta z żadnych frameworków ani bibliotek styli.
- JavaScript
- HTML
- CSS
- Pokémon API
- Visual Studio Code
- Git
- GitHub Desktop
- Figma
- Trello
Pokemon Quiz wzorowany był na Quiz Star Wars udostępnionym przez CodersCamp. Projekt jest ukończony.
- Tryb quizu (powinien zawierać pokemony z pierwszej generacji):
- Podane jest zdjęcie pokemona, gracz zaznacza nazwę – 4 opcje
- Modyfikacja - Trudniejsza wersja – zdjęcie ukazuje tylko kształt pokemona
- Podana jest nazwa pokemona, gracz ma za zadanie zaznaczyć prawidłowe zdjęcie.
- Podane jest zdjęcie pokemona, gracz zaznacza nazwę – 4 opcje
- Zasady dostępne w osobnym oknie, po naciśnięciu pojawią się zasady gry dla wszystkich trybów na raz.
- Zasady dla danego trybu:
- 2-3 zdania wyjaśnienia dla poszczególnego trybu
- Gracz podaje imię przed rozpoczęciem gry, na ekranie startowym.
- Dopiero po podaniu imienia ma możliwość kliknięcia na
start– rozpoczęcia gry. - Pole cały czas dostępne do edycji, zmiana imienia powinna być bezproblemowa i niezależna od wybranego trybu gry.
- Dopiero po podaniu imienia ma możliwość kliknięcia na
- Po rozpoczęciu gry rozpoczyna się odliczanie czasu (2 minuty).
- Czas nie jest ograniczony dla pojedynczych pytań.
- Jest ograniczona maksymalna liczba pytań - 30 (Aby uniknąć sytuacji w której gracz mógłby szybko przeklikać pytania z tą samą odpowiedzią i statystycznie otrzymałby 25% dobrych odpowiedzi, w łatwy sposób pokonując uczciwych graczy.
- W przypadku tej samej liczby punktów w rankingu brany jest pod uwagę czas ukończenia quizu.
- W trakcie trwania quizu ukazywany jest czas pozostały do końca quizu.
- Wybór odpowiedzi przez gracza.
- Kliknięcia na odpowiedź od razu powoduje jej zaznaczenie i udzielenie odpowiedzi.
- Po najechaniu na cały guzik/odpowiedź ma się on uwypuklać/podświetlać.
- Pod koniec podsumowanie pytań – użytkownik może sprawdzić swoje odpowiedzi
- Informacja personalizowana imieniem jakie podał gracz.
- Zdjęcie pikachu (opcjonalne).
- Generowanie pytań
- Pytania muszą być zabezpieczone przed powtarzaniem się, gracz nie może wylosować ponownie tego samego pytania.
- Zostaje pobrany losowy zasób z danego trybu.
- Zostanie pobrane dla wylosowanego zasobu zdjęcie.
- Losowane są 3 pozostałe nieprawidłowe odpowiedzi z zapytania do Pokemon API.
- Po ukończeniu czasu wynik gracza zapisywany jest w rankingu dla danej przeglądarki (LocalStorage).
- Osobne podsumowania dla trybów.
- Pokazywany jest ranking 3 najlepszych wyników.
- Brak opcji SETTINGS