CodersCamp2020.Hackathon.Starter
Zespół projektowy
Zespół pracował w ramach kursu CodersCamp. Aplikację wykonali uczestnicy przy pomocy mentora. Zachęcamy do odwiedzenia profili członków zespołu, w celu zapoznania się z ich portfolio.
Mentor: Hubert Kawałek
Uczestnicy:
CodersCamp (coderscamp.edu.pl) - Największy otwarty kurs programowania webowego
Demo
Wersja demonstracyjna aplikacji jest dostępna TUTAJ.
Prezentacja działania aplikacji jest dostępna TUTAJ.
Front-end aplikacji znajduje się tutaj: TUTAJ.
Aplikacja została wykonana wg dostarczonych przez organizatorów CodersCamp wymagań.
Cel projektu
Celem projektu było napisanie aplikacji wykorzystującej dotychczas nabytą wiedzę z następujących technologi: html, css, javascript, typescript, react, restful api. Tematem przewodnim było przygotowanie przez uczestników aplikacje usprawniająca codzienną pracę zespołów online.
Aplikacja została wykonana wg dostarczonych przez organizatorów CodersCamp wymagań.
Zespół projektowy zdecydował się na stworzenie aplikacji dostarczającącej dodatkowe funkcjonalności do codziennych spotkań dla zespołów pracujący online. Dużym jej atutem jest konieczność określenie z góry czasu trwania spotkania. Motywuje to organizatora do rozsądnego zaplanowania spotkania, a uczestnikom zapewnia komfort, ponieważ wiedzą ile czasu spędzą na spotkaniu. Dodatkowo aplikacja dostarcza możliwość intuicyjnej komunikacji pomiędzy prowadzącym a słuchaczami w postaci reaktywnych icon. MeetByte to doskonałe połączenie profesjonalnych spotkań zdalnych z elementami rozrywki. Pozwoli to na przełamanie rutyny codziennych meetingów.
Działanie aplikacji
Główne funkcjonalności
- Umożliwienie kontaktu wielu użytkowników za pomocą linku
- Możliwość rozmowy glosowej
- Możliwość wideorozmowy
- Minutnik odliczający koniec spotkania
- Możliwość intuicyjnej komunikacji uczestnikow z prowadzącym
- Możliwość poproszenia o przerwe w trakcie spotkania
- Możliwość wykonania treningu fitness w trakcie spotkania
- Możliwość zrobienia własnych notatek w trakcie spotkania i wyeksportowanie ich w formacie PDF
Szablon aplikacji
Utowrzony został szablon graficzny aplikacji w programie Figma.
Wymagania funkcjonalne (szczegółowo):
Rozmowa użytkownika:
- Użytkownik ma możliwość rozmowy glosowej
- Użytkownik ma możliwość wyciszenia mikrofonu
- Użytkownik ma możliwość wideorozmowy
- Użytkownik ma możliwość wyłączenie kamery
- Użytkownik ma możliwość poproszenie o przerwe w trakcie spotkania
- Użytkownik ma możliwość zaproponowania przerwy fitness
- Użytkownik ma możliwość udostępnienia sptokania za pośrednictwem linku
- Użytkownik ma możliwość przedłużenia spotkania o 15min
- Użytkownik ma możliwość wyboru długości spotkania na początku spotkania
- Użytkownik ma możliwość wybrania godziny spotkania z wyprzedeniem
- Użytkownik ma możliwość grania w gry w trakcie spotkania
- Użytkownik ma możliwość aktynwego przerywnika w trakcie spotkania w celu podnienie koncentracji rozmówców.
- Użytkownik ma możliwość poprosić o klaryfikację nie przywając prowadzącemu
Wykorzystywane technologie
W trakcie developmentu wykorzystujemy:
- Docker
- Heroku
- TypeORM
- GitHub workflow
- React JS
- Restful React
- React Hook Form
- Material UI
- Figma
Zmiany wprowadzone w wymaganiach
Projekt został przygotowany w oparciu o projekt przygotowany przez naszego grafika. Szablon graficzny powstał w programie Figma.
Organizacja pracy
Praca zespołu była organizowana przy użyciu narzędzi dostarczanych przez GitHub ora Miro. Zadania opisywaliśmy za pomocą GitHub Issues.