Buzzle

🌟 BUZZLE(버즐)

프로젝트 개요:
요즘 사람들은 기초적인 지식을 바탕으로 한 게임을 선호하는 경향이 있습니다.
술자리 게임이나 MT에서 즐기는 간단한 퀴즈, 인스타그램 릴스에서 자주 보이는 ‘문제 빨리 맞히기’ 게임 등, 일상 속 다양한 상황에서 지식 기반 게임이 인기를 끌고 있습니다.
저희는 이러한 흐름에 맞춰, 사람들에게 재미있는 퀴즈를 제공하며 자연스럽게 지식을 넓힐 수 있도록 돕고자 합니다.
주요 기능:
- 📝 싱글 퀴즈 풀기:
  퀴즈 선택 시 설정한 값(상/중/하)에 따라 AI로 생성된 퀴즈를 실제로 풀며 학습하는 공간입니다.
- 🆚 1:1 대결:
  읽은 작품과 관련된 퀴즈를 풀어보며, 내용을 복습하고 이해도를 높일 수 있습니다.
- 📚 마이페이지:
  점수, 승·패 전적, 프로필 사진, 닉네임, 랭킹 등이 시각화된 형태로 제공됩니다.

구분	기술
Frontend	React JS, Vite
State Management	Zustand
Networking & API	HTTP, Axios, SockJS, STOMP, EventSource (event-source-polyfill)
UI & Styling	Tailwind CSS, framer-motion, LottieFiles, lucide-react, tailwind-merge
Routing	React Router DOM
Type Checking	TypeScript
Linting	ESLint, eslint-plugin-react-hooks, eslint-plugin-react-refresh
Build Tool	Vite, TypeScript Compiler (tsc)
PWA	vite-plugin-pwa
Authentication	Kakao SDK
Deployment	Netlify

구분	기술
Backend	Java 17, Spring Boot 3.31
Web Framework	Spring MVC (REST API), Spring WebFlux (Reactive, SSE)
Realtime Messaging	WebSocket (Spring WebSocket), Server-Sent Events (SSE)
AI 연동	OpenAI GPT API
ORM & Database	Spring Data JPA, Hibernate, MySQL
Authentication	JWT, OAuth2 Client
API 문서화	Springdoc OpenAPI (Swagger UI)
빌드 도구	Gradle
환경 설정	Spring Profiles, application.yml / application.properties
로깅	SLF4J
배포 및 실행	Spring Boot Jar, AWS EC2

---

항목	내용
기능	OIDC, JWT 기반 로그인 / 로그아웃을 구현. 그리고 마이페이지로 사용자 본인의 활동 이력을 한눈에 확인할 수 있게 합니다.
스크린샷

항목	내용
기능	사용자가 AI로 생성된 퀴즈를 실제로 풀며 학습하는 공간입니다.
스크린샷

항목	내용
기능	사용자 두 명이 동시에 동일한 퀴즈 문제를 풀면서 실시간으로 경쟁할 수 있습니다.
스크린샷

항목	내용
기능	사용자 간 학습 활동 결과를 점수화하여 순위를 제공합니다.
스크린샷

이름	역할	담당 기능	GitHub
김동찬	프론트엔드 개발	UI 설계 및 로그인, 상태 관리 및 API 연동, 마이페이지, 랭킹페이지, 라우터 설계, 멀티 플레이 기능 구현	@kdc9050
허남규	프론트엔드 개발	UI 설계 및 대결 기능, 싱글 플레이 기능 구현, 라우터 설계, sse설정, 멀티 플레이 기능 구현	@Zvckaya
최인호	백엔드 개발	API 설계, 인증 처리, DB 구축 및 서버 운영 등	@inhooo00