Skip to content

lukaszdutka/CodersCamp2020.Project.JavaScript.pokemonquiz

Repository files navigation

CodersCamp 2020 - Projekt JavaScript

Pokemon Quiz

Projekt wykorzystuje asynchronicznego JavaScript oraz korzysta z REST API.

Zespół projektowy

Mentor: Łukasz Dutka

Uczestnicy:

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.

Wykorzystane technologie:

  • JavaScript
  • HTML
  • CSS
  • Pokémon API

Narzędzia z jakimi pracowaliśmy:

  • Visual Studio Code
  • Git
  • GitHub Desktop
  • Figma
  • Trello

Pokemon Quiz wzorowany był na Quiz Star Wars udostępnionym przez CodersCamp. Projekt jest ukończony.

Pokemon Quiz - start screen Pokemon Quiz - game screen Pokemon Quiz - help / summary / leaderboard screen

Wymagania funkcjonalne

  1. 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.
  2. Zasady dostępne w osobnym oknie, po naciśnięciu pojawią się zasady gry dla wszystkich trybów na raz.
  3. Zasady dla danego trybu:
    • 2-3 zdania wyjaśnienia dla poszczególnego trybu
  4. 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.
  5. 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.
  6. W trakcie trwania quizu ukazywany jest czas pozostały do końca quizu.
  7. 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ć.
  8. Pod koniec podsumowanie pytań – użytkownik może sprawdzić swoje odpowiedzi
    • Informacja personalizowana imieniem jakie podał gracz.
    • Zdjęcie pikachu (opcjonalne).
  9. 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.
  10. 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.
  11. Brak opcji SETTINGS

Pokemon! Gotta Catch ’Em All!