Skip to content

I Projekt, wykonany przez uczestników kursu CodersCamp.pl - Edycja VII (Rok 2021), potwierdzający nabyte umiejętności z zakresu programowania w języku JavaScript i tworzenia interaktywnych stron internetowych.

Notifications You must be signed in to change notification settings

KamilDudek/CodersCamp2021.Project.JavaScript

 
 

Repository files navigation

CodersCamp2021 | Projekt Zespołowy | JavaScript

Logo

Demo Figma Codecov

👨‍💻 Zespół projektowy

Zespół pracował w ramach kursu CodersCamp. Aplikację wykonali uczestnicy kursu przy pomocy mentora.

Mentor


@htk4

Uczestnicy


@tchojnacki

@KamilDudek

@mmejer

@jskrajna

🥒 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.

Menu Główne

📜 Zasady

Zasady gry wyświetlane są po wybraniu kategorii i poziomu.

Zasady

🎲 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.

Pytanie

🏆 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.

Popup Zapis

Ranking

✅ 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.

Odpowiedzi

⚙ Development aplikacji

🛠 Wykorzystane technologie i narzędzia

  • JavaScript
  • HTML
  • CSS
  • Jest
  • Git
  • GitHub
  • Visual Studio Code
  • Figma

🏃‍♂️ Uruchomienie projektu

  1. Zainstalowanie zależności: yarn install
  2. Uruchomienie serweru developerskiego: yarn run dev

👩‍🔬 Uruchomienie testów

  1. Zainstalowanie zależności: yarn install
  2. 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.

About

I Projekt, wykonany przez uczestników kursu CodersCamp.pl - Edycja VII (Rok 2021), potwierdzający nabyte umiejętności z zakresu programowania w języku JavaScript i tworzenia interaktywnych stron internetowych.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 76.8%
  • CSS 22.9%
  • HTML 0.3%