Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

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

CodersCamp2021-HK/CodersCamp2021.Project.JavaScript

Repository files navigation

CodersCamp2021 | Projekt Zespołowy | JavaScript

Logo

👨‍💻 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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 6

AltStyle によって変換されたページ (->オリジナル) /