Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mateusznakodach/coderscamp2020.hackathon


https://github.com/mateusznakodach/coderscamp2020.hackathon

coderscamp coderscamp-hackathon coderscamp2020 coderscamp2020-hackathon

Last synced: 7 days ago
JSON representation

Awesome Lists containing this project

README

        

# CodersCamp2020 Hackathon Project
## Integramic - get know better people from your team and boost your daily cooperation!

### Frontend

#### Netlify Deployment

URL: https://integramic.netlify.app/

[![Netlify Status](https://api.netlify.com/api/v1/badges/b58805a5-da13-46ca-8d7c-50d62b0577c0/deploy-status)](https://app.netlify.com/sites/integramic/deploys)

### Backend

[Swagger REST API Docs](https://coderscamp2020-hackathon.herokuapp.com/rest-api-docs/)

### Promo

[Youtube](https://www.youtube.com/watch?v=cMXqoFkhxF0&ab_channel=SabinaRusielik)

## Overview

**Integramic is an application to help people with their daily integration with others during times where remote work or education became everyday routine.**

Developed app has a bright future in remote work. Many research shows that most of home workers complain about loneliness and lack of human contact. This app meets their expectations. Not only convince you to get some knowledge about your coworkers or classmates, but can give you special offers. Not only socialising features make Integramic strong candidate for your company. Also your HR department might be grateful for opportunity of creating interesting serving. All of that will bring your organization closer together with huge impact on its efficiency.

**It was created as a project for CodersCamp Hackathon 2020 edition.**

## Our Crew

Mentor **[Mateusz Nowak](https://github.com/nowakprojects)**

- [Anna Lamperska](https://github.com/lamparina)
- [Sabina Rusielik](https://github.com/sabinarusielik)
- [Piotr Rynio](https://github.com/PiotrWR)
- [Paweł Szambelan](https://github.com/Szambelan)
- [Tomasz Dworniczak](https://github.com/tomdworniczak)
- [Tomasz Marulewski](https://github.com/tomaszmaruvl)

## Main functionalities

1. Registrations to group
2. Log in via Google
3. Daily question adding and its editing
4. Answering daily questions
5. Daily quizzes
6. Quiz results (in progress)

## Dependencies

The following technologies were used:

#### Backend:
- Node.js
- TypeScript
- Heroku
- Swagger

The backend architecture has been designed according to the **DDD (Domain-driven design)**.

#### Frontend:
- React
- React-DOM
- Router
- React Hooks
- Material-UI
- Axios

The architecture has been designed according to the **Atomic Design approach**.

## Event Modeling

During hackathon we used EventStorming, followed by Event Modeling to model our application flow and use it for task division.
We used for it miro web app.

[Link to Miro Board](https://miro.com/app/board/o9J_lIW4jG4=/).

#### From **Event Storming**
![image](https://user-images.githubusercontent.com/31566345/116238644-ea546d80-a761-11eb-9f69-2b011e0c18e0.png)
#### Through organising
![image](https://user-images.githubusercontent.com/31566345/116238736-0bb55980-a762-11eb-8a0c-f7d7f6fd1a0a.png)
#### Up to **Event Modeling**
![image](https://user-images.githubusercontent.com/31566345/116238978-62229800-a762-11eb-90ac-e123668ff5b1.png)

## Designs in Figma

We use Figma to create our views and layouts.

[Link to Figma Board](https://www.figma.com/file/8PzRwPotjb3xVH4uxoIvfd/CodersCampHackathon.MaterialUI?node-id=7270%3A0).

![Logowanie](https://user-images.githubusercontent.com/31566345/116149134-0e706a00-a6e2-11eb-8574-628724b0d124.png)

![Odpowiedź](https://user-images.githubusercontent.com/31566345/116149179-1defb300-a6e2-11eb-905f-6c4b51408fc7.png)

![Nie ma pytania](https://user-images.githubusercontent.com/31566345/116149220-29db7500-a6e2-11eb-8d80-3688f3073e3d.png)