Aplikacja do gry w szachy.
Zespół pracował w ramach kursu CodersCamp. Aplikację wykonali uczestnicy kursu przy pomocy mentora. Zachęcamy do odwiedzenia profili członków zespołu, w celu zapoznania się z ich portfolio.
Mentor: João Kiakumbo Sebastião
Uczestnicy:
- Bartlomiej Kaminski(Development Manager)
- Hubert Siewior (Scrum Master)
- Adrian Kotliński (Product Owner)
- Magdalena Socha
- Tomasz Smolarski
W ramach trzeciego projektu, zadaniem naszego zespołu było opracowanie aplikacji do gry w szachy. Jest to aplikacja webowa działająca w przeglądarce bez potrzeby instalacji. Językiem domyślnym aplikacji jest język polski. Sama aplikacja oferuje rozgrywkę dla dwóch graczy.
Wersja demonstracyjna aplikacji jest dostępna TUTAJ
Celem projektu było dostarczenie aplikacji pozwalającej na rozgrywkę szachową między dwoma graczami. Aplikacja została stworzona bez użycia dedykowanych bibliotek (chess.js). Aplikacja została wykonana według dostarczonych przez organizatorów CodersCamp wymagań.
- Ruchy wszystkich bierek: pionek, hetman, wieża, goniec, król (wykonanie ruchu, jak i pokazywanie możliwych).
- Promowanie pionka na dowolną inną figurę (oprócz króla) na końcu planszy.
- Szachowanie króla: https://pl.wikipedia.org/wiki/Szach_(szachy)
- Szach mat: https://pl.wikipedia.org/wiki/Mat_(szachy)
- Kończenie gry przez Pat: https://www.chess.com/pl/article/view/czym-jest-pat-szachowe-terminy
- Bicie w przelocie: https://www.chess.com/pl/article/view/bicie-w-przelocie-specjalne-ruchy-w-szachach
- Możliwość cofania ruchów (aż do początkowego układu).
Zadaniem projektu była realizacja wymagań klienta, z którym konsultowane były wprowadzane funkcjonalności. Utworzona aplikacja jest responsywna (dostosowana do wyświetlania na Tabletach i Telefonach).
W trakcie developmentu wykorzystaliśmy:
- JavaScript
- Typescript
- CSS, do stylowania aplikacji
- HTML, do definiowania struktury aplikacji
- LocalStorage, do zapisywania ruchów graczy
W menu głównym należy podać imiona graczy, wybrać czas gry (w domyśle czas jest nieskończony) oraz wybrać opcję zakończenia gry w przypadku pata.
Grę zaczyna zawsze gracz z pomarańczowymi pionkami, następnie gracze wykonują ruchy na przemian. Możliwe ruchy pokazane są po naciśnięcu na dany pionek. Zbite pionki wyświelane są odpowiednio nad planszą oraz pod nią. Rozgrywka toczy się do zamatowania króla przeciwnika lub gdy przeciwnikowi skończy się czas.
W projekcie każdy z uczestników zaprezentował praktyczną znajomość poniższych zagadnień związanych z TypeScript:
- typy podstawowe
- definiowanie własnych typów
- składanie typów
- typy / klasy / interfejsy
- implementacja / dziedziczenie / kompozycja / implementacja interfejsu
- modyfikatory dostępu
- typy generyczne
Aby uruchomić aplikację na lokalnej maszynie, należy wykonać następujące kroki:
- Zainstalować zależności za pomocą komendy:
npm install - Wystartować serwer developerski
npm run dev
Kod produkcyjny aplikacji umieszczamy w katalogu src.
- Komentarze do gry w formie tekstu lub notacji.
- Możliwość wyboru nieskończonego czasu gry.
- Odliczanie czasu dla każdej ze stron.
- Kończenie gry przez limit czasowy - gracz, któremu skończył się czas przegrywa. Nie rozpatrujemy przypadku remisu.
- Wyświetlanie zbitych pionków.
- Wyświetlanie przewagi gracza.
- Możliwości wyświetlania stanu szachownicy po danym ruchu.
Praca zespołu była organizowana przy użyciu narzędzi dostarczanych przez GitHub. Zadania opisywaliśmy za pomocą GitHub Issues i dzieliśmy czas ich wykonania na tygodnie za pomocą GitHub Projects. Każde z zadań było estymowane przez mentora, dzięki czemu staraliśmy się, aby liczba punktów przypadająca w danym tygodniu na każdą osobę w zespole była podobna. Jeśli chcesz zaproponować, jakąś zmianę w aplikacji, utwórz nowy Issue, wzorując się na poprzednich.