Code Monkey home page Code Monkey logo

coderscamp2020-hk / coderscamp2020.hackathon.starter Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 1.0 2.06 MB

The project was created during 24h online Hackathon. The team worked as part of the CodersCamp course (VI edition 2020). The application was made by the course participants with the help of a mentor.

Home Page: https://coders-camp-hackathon.herokuapp.com/

HTML 1.04% CSS 0.08% TypeScript 98.28% JavaScript 0.55% Shell 0.05%
coderscamp coderscamp2020 coderscamp-hackathon coderscamp2020-hackathon

coderscamp2020.hackathon.starter's Introduction

CodersCamp2020.Hackathon.Starter

image

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.

Link do Figmy

Wymagania funkcjonalne (szczegółowo):

Rozmowa użytkownika:

  1. Użytkownik ma możliwość rozmowy glosowej
  2. Użytkownik ma możliwość wyciszenia mikrofonu
  3. Użytkownik ma możliwość wideorozmowy
  4. Użytkownik ma możliwość wyłączenie kamery
  5. Użytkownik ma możliwość poproszenie o przerwe w trakcie spotkania
  6. Użytkownik ma możliwość zaproponowania przerwy fitness
  7. Użytkownik ma możliwość udostępnienia sptokania za pośrednictwem linku
  8. Użytkownik ma możliwość przedłużenia spotkania o 15min
  9. Użytkownik ma możliwość wyboru długości spotkania na początku spotkania
  10. Użytkownik ma możliwość wybrania godziny spotkania z wyprzedeniem
  11. Użytkownik ma możliwość grania w gry w trakcie spotkania
  12. Użytkownik ma możliwość aktynwego przerywnika w trakcie spotkania w celu podnienie koncentracji rozmówców.
  13. 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.

coderscamp2020.hackathon.starter's People

Contributors

bat098 avatar blackrabbit2 avatar dudeek avatar haivex avatar hkawalek avatar krolmateusz avatar

Watchers

 avatar

Forkers

alincc

coderscamp2020.hackathon.starter's Issues

Podział ról

  1. Prezentacja - Mateusz Baciak
  2. YT - Tomek
  3. Readme - Tomek
  4. Backend - Hubert, Weronika
  5. Figma - Ania
  6. Król - Leader

Strona o autorach

  • skład zespołu
  • imię nazwisko, btn do przejścia na githuba
  • akcent graficzny

Ramy czasowe

  • 19-20 piątek - burza mózgów, pomysł na apkę, wybór drogą demokratyczną
  • 20-21.30 piątek - figma widoki główne, koncepcja, określony styl projektu, backend
  • 21.30 piątek - 17.30 sobota - dobra zabawa
  • 17.30 sobota - działająca apka, kręcimy film, readme

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.