TO DO utworzyć nowy branch z brancha main Na ekranie quizu wyświetlić randomową postać (zdjęcie i nazwa)
Link do api: https://rickandmortyapi.com/
Celem projektu jest dostarczenie aplikacji pozwalającej sprawdzić swoją wiedzę o postaciach, występujących w wybranym uniwersum.
Projekt można zobaczyć w aplikacj Figma
W menu głównym dostępne są następujące opcje:
Start — rozpoczęcie quizu
Scores - lista ze wszystkimi wynikami
Gracz poproszony jest o podanie swojego imienia. Poniżej znajduje się przycisk rozpoczynający grę.
Rozgrywka polega na odgadywaniu kto wyświetla się na obrazie. Do wyboru są 4 opcje, z czego zawsze tylko jedna jest prawidłowa.
Czas pozostały do końca rozgrywki wyświetalny jest na dole ekranu.
Wyświetlony jest wynik gracza. Poniej znajdujesię tabela z trzeba najleprzymi wynikami, jeeli gracz osiągął wystarczająco wysoki wynik, również jest pokazny w rankingu. Niżej znajdują się przyciski powrotu do strony głównej, oraz ponów quiz.
Przedstawione są wyniki wszystkich graczy
- JavaScript
- CSS
- HTML
- LocalStorage, do zapisywania najlepszych wyników graczy
- Fetch
Aby uruchomić aplikację na lokalnej maszynie, wykonaj następujące kroki:
npm install
npm run dev
Aplikacja będzie dostępna pod adresem localhost:5173