Skip to content

boostcampwm-2024/web01-youQuiz

Repository files navigation

YOU QUIZ?


화면 기록 2024-12-02 오전 3 58 47

배포 링크
https://www.you-quiz.site/


팀 노션   |   백로그   |   기획서  
그라운드 룰   |   개발 위키



📋 목차


📄 프로젝트 개요

YOU QUIZ는 실시간으로 함께 퀴즈를 풀며 소통할 수 있는 참여형 퀴즈 플랫폼입니다. 주최자가 생성한 퀴즈를 여러 참가자들이 동시에 풀면서 서로의 반응을 공유하고, 실시간으로 변화하는 통계를 확인할 수 있습니다.


서비스 흐름 살펴보기
서비스 흐름


🚀 핵심 기능

실시간 퀴즈 플랫폼의 핵심은 안정적인 소켓 관리, 그리고 끊김 없는 사용자 경험입니다.
새로고침과 재접속 시에도 사용자가 중단 없이 퀴즈를 이어갈 수 있도록 소켓 이벤트 처리 구조를 리팩토링하고, 페어 프로그래밍을 통해 세밀한 디테일까지 완성했습니다. 이를 바탕으로 사용자 중심의 안정적이고 매끄러운 퀴즈 환경을 만들어내려고했습니다.


실수로 새로고침해도 걱정 없이 이어갈 수 있는 퀴즈 경험!

새로고침 후에도 현재 진행 상태에 맞춰서 데이터를 받아볼 수 있어요.

새로고침2


참여자가 중간에 다시 접속해도 자연스럽게 게임에 합류 가능!

기존에 참여했던 참가자가 탭에서 나간 후 다시 재접속 했을 경우 자연스럽게 퀴즈에 참여할 수 있어요.

Dec-04-2024 01-52-23


소켓 새로고침 관리에 대해서 더 자세한 이야기가 궁금하다면?
소켓 새로고침 관리 보러가기


💡 기술적 도전

기술적 도전의 흔적과 성장을 담다!
6주동안 팀원이 맡은 기술 영역에서 직면했던 고민과 해결 과정을 정리하고, 트러블 슈팅을 통해 배운 점과 앞으로의 개선 방향을 기록했습니다.


더 자세한 이야기가 궁금하다면?
팀원별 문서를 통해 각 도전과 해결 과정을 확인해보세요!


🩵 FE

< 도훈 >
소켓 객체 관리
소켓 객체 관리

< 병찬 >
React‐Query와 Socket과 함께 춤을
React‐Query와 Socket과 함께 춤을


💛 BE

< 성현 >
쿼리 효율 극대화, 근데 이제 데이터 유효성을 곁들인
벌크 삭제: 퀴즈 서비스 삭제 기능 성능 최적화
연관 행의 빈도 높은 삽입, 삭제가 이뤄지는 시스템일 경우 어떻게 설계해야하나?

< 채원 >
우당탕탕 배포 도전기
nCloud, Docker를 활용해 수동 배포해보기
github actions를 활용한 CI CD 파이프라인 구축하기


🛠️ 기술 스택

💻 Common

TypeScript Prettier ESLint Socket.io

🎨 Frontend

React Tailwind Storybook Tanstack Query Vite

📡 Backend

NestJS TypeORM

💾 Database

MySQL Redis

🌐 Infrastructure

NGINX GitHub Actions Naver Cloud Platform


🏛️ 시스템 아키텍처

undefined (1)


✋팀원 소개

[FE] J031_김도훈 [FE] J255_최병찬 [BE] J087_도성현 [BE] J289_이채원
@dooohun @chan-byeong @glaxyt @nowChae

About

실시간 소통하며 즐기는 참여형 퀴즈

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published