connect-foundation / 2019-02

dropy 🐣 - simple, easy, interactive presentation

dropy

Dropy는 쉽고 직관적인 사용자 인터랙션으로 ‘프레젠테이션 채널’이라는 가상 공간을 생성하여 스피커와 리스너 간 원활한 소통을 도와주는 온라인 서비스입니다. Dropy는 새로운 스피치 문화를 만들어 갑니다.

🐤 Service Url

https://dropy.org

📺 Demo Video

📝 Document

• 기획 / 규칙 / 로그
• 기술공유 01. Passport와 Apollo를 활용한 oAuth 인증 시스템
• 기술공유 02. GraphicsMagick으로 PDF 파일을 웹에 렌더링 시키기
• 기술공유 03. graphQL과 Apollo 이용하여 리액트에서 상태관리하기
• 기술공유 04. Apollo와 함께 채팅 성능 최적화하기
• 기술공유 05. 채널 방문자 수를 실시간으로 카운트 하기
• 기술공유 06. 이모지가 날아간다🤭
• 기술공유 07. 반응형 Slide, 반응형 Canvas 만들기
• 기술공유 08. 컨버터 서버, request 큐를 이용해 방어시스템 구축하기
• 기술공유 09. GitHub Actions로 CI CD 구성하기
• 기술공유 10. 반응형 Canvas에서 필기 유지하기 👩🏻‍🎨

🏛 Service Architecture

🗂 Tech Stack

💾 DB modeling

🔨 Usage

프로젝트 구성도

📦 .github/workflows             # CI/CD
📦 web                           # 프론트 서버
📦 server-api                    # API 서버
📦 server-converter              # 이미지 컨버터 서버

프로젝트 시작하기

각 폴더 별로 실행 시켜야 합니다.

1. web

cd web
yarn install                     # 모듈 설치
yarn dev                         # 개발모드 시작

2. server-api

cd server-api
yarn install                     # 모듈 설치
yarn dev                         # 개발모드 시작

3. server-converter

brew install graphicsmagick gs   # OS 패키지 설치

cd server-converter
yarn install                     # 모듈 설치
yarn dev                         # 개발모드 시작

👨‍👨‍👧‍👧 Members

• 🐶김도현 (happydhKim)
• 🐵김재원 (load0ne)
• 🦊이미림 (always-awake)
• 🐰조애리 (aereeeee)

🤝 Contributing

Be dropy's contributor!!

Contributions, issues and feature requests are welcome!
Feel free to check 📌issues page.

📝 License

Copyright © 2019 dropy.
This project is MIT licensed.