Mentor - Łukasz Żurawski
Aplikacja webowa działająca w przeglądarce sprawdza wiedzę użytkownika na temat postaci z popularnego serialu HBO "Gra o tron".
Projekt został zrealizowany w ramach pierwszego działu kursu CodersCamp2021. Potwierdzająca praktyczne umiejętności wykorzystania HTML/CSS oraz JavaScript.
Aplikacja zawiera widok desktopowy i jeden tryb gracza.
Na ekranie głównym użytkownik ma do dyspozycji przyciski rozpoczęcia gry i wyświetlający o zasadach gry. Powyzej widać tablicę z rankingiem graczy. Rozgrywka rozpoczyna się w momencie wciśnięcia przycisku START.
Wraz ze startem gry odpalany jest timer odliczający 60 sekund do zakończenia rundy. Użytkownik ma za zadanie rozpoznać postać na obrazku i wybrać prawidłową odpowiedź. W momencie kliknięcia na wybrany przycisk odpowiedzi, użytkownik dostaje informację o poprawności poprzez podświetlenie przycisku na zielono (odpowiedź prawidłowa) lub czerwono (odpowiedź błędna). Po udzieleniu odpowiedzi automatycznie generowane są kolejne obrazki, aż do końca rundy.
Po upłynięciu czasu rozgrywka jest przerywana i wyświetla się okno z podsumowaniem. Pojawia się informacja z ilością pytań, na które odpowiedział gracz oraz wynikiem procentowym. Poniżej wyświetla się ilość poprawnych i błędnych odpowiedzi udzielonych przez gracza i przez komputer. Obok użytkownik wpisuje swoje dane (imię/nick), klikając przycisk CONFIRM informacje o rozgrywce zapisują się w pamięci przeglądarki i są później dostępne do odczytu w tabeli rankingu graczy na ekranie głównym aplikacji. Po tym działaniu użytkownik automatycznie wraca do ekranu startowego.
- HTML
- CSS
- JavaScript
- Zewnętrzne API
- Figma
- GIT
Uczestnicy kursu, po zapoznaniu się z wymaganiami projektowymi, wspólnie wybrali temat quizu oraz samodzielnie wykonali projekt graficzny aplikacji w programie Figma. Następnie zespół przystąpił do realizacji tasków dostarczonych przez mentora. Każdy uczestnik sam przypisywał się do zadania i wykonywał poszczególne fragmenty aplikacji, korzystając z wiedzy nabytej na wcześniejszym etapie kursu, rozwiązując bieżące problemy z pomocą informacji wyszukanych w Internecie i/lub mentora. Projekt budowano w systemie kontroli wersji kodu GIT.