Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/boostcampwm2023/web13_boarlog

🙂 기록으로 남기는 실시간 화이트보드 강의, Boarlog
https://github.com/boostcampwm2023/web13_boarlog

fabricjs mongodb nestjs react redis typescript webrtc

Last synced: about 2 hours ago
JSON representation

🙂 기록으로 남기는 실시간 화이트보드 강의, Boarlog

Host: GitHub
URL: https://github.com/boostcampwm2023/web13_boarlog
Owner: boostcampwm2023
Created: 2023-11-06T01:10:25.000Z (about 1 year ago)
Default Branch: dev
Last Pushed: 2024-04-06T14:54:39.000Z (8 months ago)
Last Synced: 2024-04-14T03:08:32.491Z (7 months ago)
Topics: fabricjs, mongodb, nestjs, react, redis, typescript, webrtc
Language: TypeScript
Homepage: https://boarlog.netlify.app/
Size: 11.9 MB
Stars: 46
Watchers: 3
Forks: 5
Open Issues: 12
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

![boarlog1](https://github.com/boostcampwm2023/web13_Boarlog/assets/86391351/89de8827-e5ac-4494-a196-982af8ea2c5f)

노션
|
백로그
|
피그마
|
위키

시연 영상
|
서비스 링크

## Boarlog의 주요 기능

### 🧑‍🏫 강의 생성 및 진행

> 강의자가 강의를 생성하고, **음성**으로 강의하며 **화이트보드**를 실시간으로 편집할 수 있습니다. 또한, 참여자의 질문을 받아 화이트보드에 포스트잇 형태로 추가할 수 있습니다.

강의 생성 및 마이크 설정

화이트보드 편집 및 질문 확인

### 🧑‍🎓 강의 참여 및 피드백

> 강의자가 공유한 **강의번호**를 입력하여 강의에 참여하고, 강의자의 음성과 화이트보드 내용을 실시간으로 볼 수 있습니다. 강의자에게 질문을 보낼 수도 있습니다.

강의실 입장 및 강의 내용 확인

스피커 설정 및 질문하기

### 🎥 강의 다시보기

> 강의 종료 후에는 서버에서 화이트보드와 음성, AI를 이용한 음성 스크립트를 저장하여 언제든지 다시볼 수 있습니다.

참여한 강의 내역 확인

강의 다시보기

## 클라이언트 요청 흐름도
![서버 아키텍처](https://github.com/boostcampwm2023/web13_Boarlog/assets/70827921/43e476a7-6493-4ce9-b244-aba01cbf8612)

## Boarlog의 기술 스택

category
stack

Common

Frontend

Backend

CI/CD

Deployment

Collaboration

## 핵심 개발 일지
> **🔗 프로젝트 진행 과정에서 고민하고 도전한 과정이 담긴 핵심 개발 일지입니다.**

- ```변진상``` : [프로그래스 바 구현과 성능 개선을 위한 트러블 슈팅](https://velog.io/@quswlstkd88/%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EC%8A%A4-%EB%B0%94-%EA%B5%AC%ED%98%84%EA%B3%BC-%EC%84%B1%EB%8A%A5-%EA%B0%9C%EC%84%A0%EC%9D%84-%EC%9C%84%ED%95%9C-%ED%8A%B8%EB%9F%AC%EB%B8%94-%EC%8A%88%ED%8C%85)
- ```이동령``` : [반응형 UX를 위한 Modernizr 적용기](https://velog.io/@pexe99/Boarlog-%EC%9A%B0%EB%A6%AC-%EC%84%9C%EB%B9%84%EC%8A%A4%EB%8A%94-%EB%AA%A8%EB%B0%94%EC%9D%BC-%EC%82%AC%EC%A0%88%EC%9E%85%EB%8B%88%EB%8B%A4)
- ```정주완``` : [실시간 화이트보드 공유 구현 과정](https://boarlog.notion.site/ad59de67865345ff8a91eed36d074820)
- ```이승연``` : [DB 해킹 당한 뒤 VPC와 Subnet 활용한 재구축](https://boarlog.notion.site/DB-e4a9628f03c44b4e8c42670afe899117)
- ```이현종``` : [미디어 서버 메모리 누수 원인 찾고 해결하기](https://www.notion.so/boarlog/939c0576a3394a049b2c1bdd29bbd51f)

## 팀 소개: TEAM_528

```jsx
const camperIdArray = ["J063", "J095", "J105", "J124", "J141"];

const teamName = camperIdArray.reduce((team, camperId) => {
return (team += parseInt(camperId.replace(/[^0-9]/g, "")));
}, 0);
```

> 5명이 모여 **하나의** 개발자처럼 : J0**63** + J0**95** + J**105** + J**124** + J**141**

`528`은 팀원 5명의 캠퍼 번호를 더한 숫자입니다. 5명의 캠퍼가 하나의 번호를 가지고 서로 다른 기술, 경험, 및 아이디어를 결합하여 시너지를 발휘하겠다는 의미입니다.

변진상 (FE)
이동령 (FE)
이승연 (BE)
이현종 (BE)
정주완 (FE)

@Byeonjin
@LellowMellow
@tmddus2
@platinouss
@Jw705

깊이있게 고민하고 기록하기
괜한 걱정 하지 않고 차근차근 쌓아올리기
두려워하지 않고 문제 해결하기
모든 선택에 나만의 근거 만들기
작성한 코드에 대한 의도를 잘 기록하기

## 바로가기

- [그라운드 룰](https://weak-sugar-603.notion.site/Ground-Rules-43ebfd44b76c482a983c4a47481028ca?pvs=4)
- [branch/conmmit 컨벤션](https://weak-sugar-603.notion.site/Git-Branch-Commmit-882a35cba1cc433eb0f01abf2e3b134d?pvs=4)
- [기획/디자인](https://www.figma.com/file/vd1TPvzMNwy6OfVmNFw8cI/Untitled?type=design&node-id=4%3A22&mode=design&t=NS1IQkeFYsr7lSuf-1)
- [위키](https://github.com/boostcampwm2023/web13_TEAM_528/wiki)
- [노션](https://boarlog.notion.site/)
- [백로그](https://www.notion.so/d1fb2080ff934e859d50c5cd3620e223)
- [데모 링크](https://boarlog.netlify.app)