- Projekt — Zespół projektowy
- Podział zadań
- Projekt — TypeScript - Geo Mind
- Technologia projektu
- Przegląd projektu
- Dostępne skrypty
- Wersja demo
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: Grzegorz Sztuczyński
Uczestnicy:
- Izabela Nowak
- Justyna Sobczak (Product Owner)
- Natalia Dębska (Tech Lead)
- Natalia Jagielska (Development Manager)
- Olaf Koziara
- Miron Weltrowski (UI/UX Designer)
W trakcie trwania projektu wyznaczono w zespole odpowiednie funkcje:
Ostateczne zdanie w kwestiach związanych z technologią należy do Tech Lead'a. Tech Lead przeprowadza Code Review zadań, dzięki czemu zespół unika błędów projektowych. Wspiera zespół techniczną radą przez co praca idzie szybko i sprawnie.
Wizja produktu i kwestie związane z funkcjonalnościami to zadanie dla Product Owner'a. Prowadzi zespół zgodnie z wymaganiami klienta oraz rozwiewa wszelkie wątpliwości związane z założeniami projektowymi.
Koordynacja zespołem nieustannie kontrolowana. Development Manager odpowiada za podział zadań oraz kontrolę jakości pracy. Przeprowadza codzienne daily, dzięki czemu zespół pracuje w harmonii.
Kto najlepiej wie jak wykrzesać z produktu to, co najlepsze i przełożyć to na atrakcyjny przekaz dla użytkownika? Oczywiście UI/UX Designer! Bazując na profesjonalnych narzedziach, wyznacza kierunek wizualnych prac zespołu.
Projekt powstał w ramach kursu CodersCamp 2020. Jest to trzeci projekt z serii projektów, które są realizowane podczas kursu. Ma on charakter zespołowy. Celem projektu jest utrwalenie wiedzy z języka programowania JavaScript z wykorzystaniem TypeScript oraz HTML i CSS, bez korzystania z gotowych bibliotek styli, oraz frameworków.
Projekt powstał w oparciu o JavaScript z rozszerzeniem TypeScript'u. W trakcie realizacji projektu posłużono się dodatkowymi narzędziami w celu zoptymalizowania pracy całego zespołu. Wygląd strony zaprojektowany został przy użyciu narzędzia Figma. Wszelkie schematy działań związanych z projektem, systematycznie mapowano na tablicy miro. Geo Mind to gra, sprawdzająca znajomość krajów w Europie. Do zrealizowania projektu wykorzystano zewnętrzne API. Wykonanie gry objęło niżej wymienione zagadnienia, w celu ich utrwalenia:
- typy podstawowe
- definiowanie własnych typów
- składanie typów
- typy / klasy / interfejsy
- implementacja / dziedziczenie / kompozycja / implementacja interfejsu
- modyfikatory dostępu
- testy jednostkowe
- typy generyczne
Podczas wybuchu pandemii, znacznie wzrosło zapotrzebowanie na multimedialne produkty dydaktyczne, jednocześnie dostarczające rozrywkę dla dzieci. Jedno z wydawnictw rozpoczęło właśnie prace nad nowymi projektami, mającymi na celu dostarczenie większej ilości multimedialnych aplikacji kształcących. Aplikacje projektowane będą dla różnych dziedzin naukowych, a wydane mają być już w kolejnym roku szkolnym. Jeden z projektów zorientowany jest w dziedzinie geografii. Po wstępnym rozpoznaniu i analizie biznesowej podjęto decyzję o przygotowaniu gry sprawdzającej znajomość położenia krajów w Europie. Zespół programistów podjął się wyzwania bazując na projekcie wykonanym przez UI/UX Designer'a w programie figma.
Planowo projekt ma polegać na wskazywaniu poszczególnych krajów na mapie Europy. Dodatkowo gra ma być łatwa do rozbudowania, w razie gdyby produkt przyjął się na rynku.
Po sklonowaniu bieżącego projektu pamiętaj, aby
uruchomić npm install, aby zainstalować wszystkie zależności.
Projekt możesz uruchomić za pomocą komendy:
npm run start:dev
Otwórz adres http://localhost:7575/ , aby wyświetlić go w przeglądarce.
Aby uruchomić testy aplikacji, wykonaj następujące kroki:
- Zainstaluj zależności za pomocą komendy:
npm install(jeśli nie zrobiłeś już tego wcześniej). - Uruchom testy, wykonując komendę:
npm run test.
Wersja demo powstała przy pomocy GitHub Pages. Jeżeli chcesz zobaczyć wersję demo kliknij w >>link<<.
