npm: 9.8.1node: v18.18.2
npm run dev
Uruchamia aplikację w trybie deweloperskim. Otwórz http://localhost:5173/ aby zobaczyć aplikację w przeglądarce.
https://www.figma.com/file/JQEoV16kpLYvM7LaBbraol/Quiz?node-id=23%3A137&mode=dev
Do zaimplementowania funkcjonalności aplikacji będą potrzebne następujące API:
- Open Trivia DB - baza danych pytań z różnych kategorii
- Pexels API - zdjęcia do quizu
Dodatkowo: w razie problemów z dostępem do API, mamy gotowe repozytorium gotowych pytań. W razie problemów poinformuj prowadzących.
- zestaw przycisków z nazwami kategorii
- kliknięcie kategorii powinno ją "zaznaczyć"
- powinien był wyłączony gdy nie jest wybrana żadna kategoria
- po kliknięciu aplikacja powinna przejść do wyboru trybu
- zestaw przycisków z ilością pytań
- kliknięcie trybu powinno go "zaznaczyć"
- powinien był wyłączony gdy nie jest wybrany żaden tryb
- po kliknięciu aplikacja powinna rozpocząć quiz
- wyświetla aktualny numer pytania
- domyślnie 30 sekund
- powinien rozpocząć odliczanie zaraz po załadowaniu pytania
- po upływie czasu pytanie jest pomijane a quiz przechodzi do następnego lub ekranu wyników
- zestaw przycisków z odpowiedziami
- kliknięcie odpowiedzi powinno ją "zaznaczyć"
- przycisk "pomiń" powinien przejść do następnego pytania
- przycisk "odpowiedz" powinien być wyłączony do momentu wybrania odpowiedzi
- przycisk "odpowiedz" powinien zmienić nazwę na "zakończ quiz" kiedy wyświelane jest ostatnie pytanie
- powinny wyświetlić nagłówek z ilością poprawnych odpowiedzi
- powinny wyświetlić dokładną liczbę poprawnych, niepoprawnych oraz pominiętych odpowiedzi
- powinny wyświetlić siatkę wizualizującą odpowiedzi na pytania
- powinien przekierować do ekranu wyboru kategorii
