CodersCamp2021 | Projekt Zespołowy | JavaScript
👨💻 Zespół projektowy
Zespół pracował w ramach kursu CodersCamp. Aplikację wykonali uczestnicy kursu przy pomocy mentora.
Mentor
 br><sub>@htk4</sub |
|---|
Uczestnicy
 br><sub>@tchojnacki</sub |
 br><sub>@KamilDudek</sub |
 br><sub>@mmejer</sub |
 br><sub>@jskrajna</sub |
|---|
🥒 Rick And Morty Quiz
🎯 Cel projektu
Celem projektu było dostarczenie aplikacji pozwalającej sprawdzić swoją wiedzę na temat serialu Rick And Morty. Dane do quizu pozyskano z Rick and Morty API.
Aplikacja została wykonana według dostarczonych przez organizatorów CodersCamp wymagań.
🎮 Działanie aplikacji
🏠 Menu Główne
W menu głównym należy wybrać jedną z czterech kategorii:
- Co to za postać - rozpoznanie jaka postać z serialu znajduje się na zdjęciu. Pytania jednokrotnego wyboru.
- Bohaterowie odcinka - zaznaczenie tych postaci spośród wymienionych, które występują w danym odcinku. Pytanie wielokrotnego wyboru.
- Kto tu mieszka - zaznaczenie tych postaci spośród wymienionych, które mieszkają w danej lokalizacji. Pytanie wielokrotnego wyboru.
- Mieszane - pytania z każdej z powyższych kategorii.
Należy także wybrać poziom rozgrywki:
- Łatwy - dwie odpowiedzi dla każdego pytania. Prawidłowa odpowiedź na pytanie daje użytkownikowi jeden punkt.
- Trudny - cztery odpowiedzi do każdego pytania. Prawidłowa odpowiedź na pytanie daje użytkownikowi dwa punkty.
📜 Zasady
Zasady gry wyświetlane są po wybraniu kategorii i poziomu.
🎲 Rozgrywka
Użytkownik musi odpowiedzieć na jak największą liczbę pytań w ciągu dwóch minut. Liczba pytań nie jest ograniczona. Gra może zostać przerwana przez użytkownika w dowolnym momencie.
Aby odpowiedź była zaliczona, użytkownik musi poprawnie zaznaczyć wszystkie prawidłowe odpowiedzi.
Użytkownik musi zatwierdzić swoją odpowiedź naciskając przycisk Dalej.
🏆 Ranking
Po zakończeniu rozgrywki pokazuje się okno z zapisem do rankingu. Użytkownik może pominąć zapis do rankingu zamykając okno. Jeżeli zdecyduje się zapisać wynik, musi podać nick składający się z minimum trzech znaków. Nick nie musi być unikatowy. Po przejściu do rankingu pokazuje się lista z wynikami graczy grających na danym komputerze z podświetlonym wynikiem aktualnej gry. Wyniki są pokazywane osobno dla każdej kategorii.
✅ Odpowiedzi
Po zakończeniu rozgrywki użytkownik przechodzi do strony z odpowiedziami. Pokazuje się lista pytań, poprawnych odpowiedzi i odpowiedzi użytkownika. Z tej strony użytkownik może przejść do rankingu, strony głównej lub rozpocząć rozgrywkę ponownie z takimi samymi ustawieniami.
⚙ Development aplikacji
🛠 Wykorzystane technologie i narzędzia
- JavaScript
- HTML
- CSS
- Jest
- Git
- GitHub
- Visual Studio Code
- Figma
🏃♂️ Uruchomienie projektu
- Zainstalowanie zależności:
yarn install - Uruchomienie serweru developerskiego:
yarn run dev
👩🔬 Uruchomienie testów
- Zainstalowanie zależności:
yarn install - Uruchomienie testów:
yarn run test
Organizacja pracy
W zespole zostały wyznaczone osoby pełniące następujące role:
- Scrum Master: @jskrajna
- rozpisywanie zadań poprzez GitHub Issues
- prowadzenie daily w trakcie spotkań na kanale głosowym
- Project Manager: @mmejer
- daily poprzez kanał tekstowy
- tworzenie dokumentacji
- Tech Lead: @tchojnacki
- przeprowadzanie Code Review
- pomoc innym członkom zespołu
Praca zespołu była organizowana przy pomocy narzędzi dostarczanych przez GitHub, takich jak GitHub Issues i GitHub Projects. Prace nad projektem zostały podzielone na pięć tygodniowych etapów, podczas których wykonywane były zadania opisywane z wykorzystaniem GitHub Issues. Do zadań członkowie zespołu przypisywali się samodzielnie. Każda osoba w zespole starała się przeprowadzać Code Review pozostałym członkom.
Dwa razy w tygodniu odbywały się zdalne spotkania zespołu. Dodatkowo dwa razy w tygodniu każdy uczestnik relacjonował postęp swoich prac oraz ewentualne problemy.