1
- # Vaagle
1
+ # 바글바글
2
2
3
3
[ sli.do] ( https://www.sli.do/ ) 에서 아이디어를 영감 받은 실시간 질의응답 및 투표 공유 웹 서비스
4
4
14
14
15
15
</p >
16
16
17
- ![ alt] ( https://raw.githubusercontent.com/connect-foundation/2019-21/master/docs/logo_image.PNG )
18
-
19
17
## 배포 링크
20
18
21
19
* [ vaagle] ( http://www.vaagle.com )
22
20
23
21
## 주요 기능
24
22
25
- - 3가지 기능(Q&A / Live poll / Analytics), 3가지 모드(Admin / Host / Guest)
26
- - Q&A(질문하기): 실시간 질문을 할 수 있고, 좋아요를 누를 수 있는 화면
27
- - Live poll(실시간 투표): 쉽게 사용할 수 있도록 설계 (O/X투표, 별점주기, N지선다형 퀴즈 등)
28
- - Analytics(통계/보고서): 유료기능을 무료로 지원함 (포맷: excel)
23
+ - 2가지 사용자 모드 제공 (Host: 이벤트를 주관하는 사용자, Guest: 이벤트에 참가하여 질문하는 사용자)
24
+ - 실시간 질의응답(Guest 모드)
25
+ - 실시간 질문할 수 있음
26
+ - 질문에 좋아요를 누를 수 있음 (좋아요가 많으면 인기질문 Tab 상단쪽에 노출됨)
27
+ - 질문에 이모지를 추가할 수 있음
28
+ - 질문에 댓글을 달 수 있음
29
+ - 실시간 질의응답 (Host 모드)
30
+ - 실시간 질문을 검열하여 특정 질문은 삭제할 수 있음
31
+ - 특정 질문을 상단에 고정시킬 수 있음
32
+ - 답변한 질문은 실시간질문 Tab에서 질문저장소로 이동시킬 수 있음
33
+ - 실시간 투표
34
+ - 투표 종류: N지선다(복수선택 지원), 별점주기
35
+ - Host는 투표를 생성하여 Guest들에게 실시간 투표 참여를 요청할 수 있음
36
+ - Guest들은 투표를 할 수 있고, 투표 상황은 실시간 공유됨
29
37
30
38
## start local dev mode
31
39
``` sh
@@ -52,6 +60,16 @@ yarn start
52
60
## DataFlow
53
61
![ vaagleDataFlow] ( https://user-images.githubusercontent.com/52785648/70682492-6885b080-1ce2-11ea-9f46-609338d4e8d7.jpg )
54
62
63
+ ## 기술적 특징
64
+ - Express, socket.io, grpahQL, MySQL 총 4가지 서버가 Docker 위에서 상호작용하며 동작
65
+ - 각각의 서버는 서로 의존적으로 연결되어있지 않고 독립적인 성격을 띄기 때문에 유지보수 및 에러 상황 대처에 유연
66
+ - 각 서버는 각각의 인증 로직을 가지고 있기 때문에 외부로부터의 개별접근을 차단
67
+ - 호스트 앱과 게스트 앱이 나뉘어있지만 서로가 실시간으로 연동
68
+ - 실시간 처리를 보장하며 채팅뿐 아니라 채팅검열 및 상단 고정 등이 즉각적으로 여러 클라이언트에 반영
69
+ - 실시간 투표를 통해 여러 클라이언트에 투표 결과를 실시간으로 반영
70
+ - 모바일 환경을 고려한 모바일 First
71
+ - React 컴포넌트 최적화를 통한 클라이언트 반응성 최적화
72
+ - Google OAuth 로그인
55
73
56
74
## 사용자 집단
57
75
0 commit comments