Skip to content

prgrms-web-devcourse-final-project/WEB1_1_Endpoint_FE

Repository files navigation

🧐 Quizy : 소셜 퀴즈 플랫폼

TEAM 4 END - POINT

🚀 프로젝트 소개

📢배포 링크

그림2
그림1
그림3


🌟 Quizy의 핵심 기능 🌟

Quizy는 개발자들을 위한 소셜 퀴즈 플랫폼입니다! 🍀
간단한 O/X 퀴즈객관식 문제로 IT 지식을 재미있게 쌓아보세요. 🎮
실시간 대결로 순위를 높이고, 다른 개발자들과 경쟁해보세요! 🏆
AI가 생성한 맞춤형 퀴즈로 팀원들과 협력하며 학습할 수 있습니다. 🤝
Quizy와 함께라면, 개발 공부가 더 이상 지루하지 않습니다! ✨

🚀 배우고, 경쟁하고, 함께 성장하세요! 🚀

📅 개발 기간

  • 전체 개발 기간 : 2024-11-15 ~ 2024-12-06

✨ 팀원 소개

🎨 Front-End

박덕인 유상훈 장원석 최훈
프로필 페이지 퀴즈 CRUD 게임, 공통 컴포넌트 메인, 검색 페이지
팀장

🛠️ Back-End

강지원 나민혁 윤수빈 황민우
인프라, CI/CD, 퀴즈 게임 검색, 매칭 회원, 게이트웨이
PM 팀장


📚 기술 스택

Config

Yarn Vite

Development

🎨 Front-End

React TypeScript TailwindCSS Zustand ReactQuery ReactRouter stomp.js sock.js EventSource Polyfill

🛠️ Back-End

Kotlin Spring Boot MySQL Redis ElasticSearch Kafka

⚙️ DevOps

GitHub Actions ArgoCD GCP GCLB GKE GCE Google Cloud SQL GCS

Architecture

아키텍처

🚀 기능 소개

회원가입 및 로그인

퀴즈 피드

퀴즈 피드

퀴즈 피드

퀴즈 검색

퀴즈 검색

퀴즈 검색

퀴즈 CRUD

퀴즈 작성

퀴즈 작성 및 조회

퀴즈 조회 및 수정

퀴즈 수정

퀴즈 삭제

퀴즈 삭제

게임 페이지

퀴즈 게임방 생성

게임 방 생성

랜덤 매칭

랜덤 매칭

퀴즈 게임방 대기방

게임 대기방

게임 시연 영상

게임 시연 gif

게임 결과

게임 1등

마이 페이지

마이 페이지

마이 페이지

오답노트

오답노트

작업 관리

JIRA

  • 애자일 스크럼 방법론을 도입하여 백로그 산정과 스프린트 단위의 개발을 체계적으로 진행했습니다.
  • Jira를 통해 백로그를 에픽으로 구성하고 세부 이슈를 생성하여 팀원들과 실시간으로 진행 상황을 공유했습니다.
  • 모든 코드 변경사항은 Pull Request를 통해 팀원들의 코드 리뷰를 거친 후 병합하여 코드 품질을 관리했습니다.

기술 스택

image

시스템 아키텍쳐

Quizy 시스템 아키텍쳐

CICD

Quizy CICD