라는 호기심에서 시작, 킬링타임을 즐길 수 있는 퀴즈 풀이에
마일리지 제도를 도입한 퀴즈 플랫폼 서비스 '퀴즈팝!'을 만들게 되었습니다.
- 📅 프로젝트 개발기간 : 2023.10.04 ~ 2023.11.14
- 💙 퀴즈팝 이용하기
- 📕 팀 노션
- 주제: 퀴즈 플랫폼 웹사이트
- 프로젝트명: 퀴즈팝(Quizpop)
- 설명:
① "퀴즈팝(Quizpop)"은 누구나 참여 가능한 플랫폼으로
사용자는 등록된 퀴즈를 풀거나 원하는 퀴즈를 직접 생성할 수 있으며,
시간대별 라이브 퀴즈에도 참여할 수 있습니다.
② 메인화면에서는 퀴즈의 조회수와 좋아요 수를 통해 인기 있는 퀴즈를 확인할 수 있습니다.
③ 카테고리 목록에서 본인이 원하는 분야만 볼 수 있습니다.
④ 자신이 푼 퀴즈는 링크공유/카카오톡 공유를 통해 다른사람에게 공유할 수 있습니다.
⑤ 라이브퀴즈는 라이브 화면과 채팅창으로 구성되며,
추첨을 통해 정답을 맞춘 유저에게 마일리지를 제공합니다.
⑥ 사이트에서 모은 마일리지는 마일리지샵에서 기프티콘으로 교환할 수 있습니다.
⑦ 마일리지 정책은 아래와 같습니다.
- 퀴즈 생성 : +50M (1일 1회)
- 퀴즈 풀이 : +10M (1일 10회)
- 출석 체크 : +100M (1일 1회)
- 라이브퀴즈 당첨 : 문제에 따라 변동(횟수제한 없음)
- 퀴즈 생성 : +50M (1일 1회)
핵심 기능은 크게 퀴즈 / 마일리지샵으로 나눠집니다.
- 퀴즈를 풀면 한 문제당 +10 M 의 마일리지를 얻을 수 있습니다.
- 비회원도 문제 풀이가 가능합니다!
- 헤더에 ‘문제 만들기’ 혹은 아래의 연필 모양 버튼을 누르면 문제를 직접 제작 할 수 있습니다.
- 퀴즈를 만들면 하루에 1번 50 M를 얻을 수 있습니다.
- 다른 유저가 만든 퀴즈를 풀어보고, 내가 푼 퀴즈를 친구, 가족 등 타인에게 공유할 수 있습니다.
- 좋아요나 조회수에 따라 메인페이지에 만든 퀴즈가 소개될 수 있습니다.
- 좋아요 혹은 조회수가 동일할 경우 먼저 생성된 퀴즈순서로 배치됩니다.
- 프로필을 클릭하여 출석 체크를 진행할 수 있습니다.
- 보상으로 100M을 적립해 드립니다.
- 사이트를 이용하면서 얻은 마일리지는 다양한 상품으로 교환할 수 있습니다.
- 구매시 구매할 항목, 수량, 수령가능한 이메일을 기입합니다.
- 단, 기입한 이메일주소에 기프티콘 형식으로 발송되므로,
받을 이메일을 정확하게 기입하여야 합니다. (구매 후 이메일 수정 불가)
- 퀴즈에서 댓글작성 및 좋아요 실행시 퀴즈작성자에게 알림이 보내집니다.
- 읽음 처리, 알림 삭제가 가능합니다.
- 해당페이지에서 관리자가 그림을 그려 문제를 출제, 참여유저들이 채팅을 통해 정답을 맞추는 서비스입니다.
- 정답을 맞출 경우 상품으로 마일리지를 획득할 수 있습니다.
- 라이브 퀴즈는 정해진 시간에만 열립니다.
- 관리자와 실시간으로 소통할 수 있습니다.
- 불쾌한 퀴즈나 댓글에 대하여 신고해 악성유저를 차단 가능합니다.
- 한명의 유저가 1개의 콘텐츠(댓글 or 퀴즈)를 신고 할 수 있습니다(중복신고 불가)
- 1개의 콘텐츠을 신고한 유저가 3명이 된다면 해당 콘텐츠는 삭제됩니다.
- 삭제된 콘텐츠의 수가 3개 이상인 유저는 사이트에서 차단됩니다.
| 🍑 김민경 | 🍋 지유진 |
 |
 |
| 💙 React | 💙 React |
| 👑 노지현 | 🍰 백상용 | 🥯 양승민 | 🍔 진민지 |
 |
 |
 |
 |
| 🌱 Spring | 🌱 Spring | 🌱 Spring | 🌱 Spring |
| 팀원 | 담당 업무 |
|---|---|
| 지유진 (FE) | 메인 페이지 - 신규 / 인기 / 조회순 / 전체 카테고리 퀴즈 조회 - 메인 배너 퀴즈 관련 - 퀴즈 제작 페이지 1, 2 - 퀴즈 풀이 페이지 - 퀴즈 상세 정보 페이지 ( 댓글 & 좋아요 ) - 퀴즈 결과 페이지 (결과 링크복사 / 카카오 공유기능 ) 라이브 퀴즈 - 그림판 기능 - 웹소켓 기반 실시간 채팅 |
| 김민경 (FE) | 헤더 - 로그인 (JWT: Access/Refresh) - 카카오 소셜로그인 - 회원가입 - Sse 기반 실시간 알림 (전체 읽음 및 삭제) - 검색 - 출석체크 마이페이지 - 프로필, 닉네임, 비밀번호 변경 - 회원 탈퇴 - 마일리지 내역 조회 마일리지샵 - 상품 조회 및 구매 |
| 문지우 (Design) | 디자인 총괄 및 반응형 구도작업 - 헤더 디자인 - 파비콘 & 로고 디자인 - 배너 & 캐릭터 디자인 - 전체페이지 반응형 디자인 - 영상용 커버 및 자막배경 디자인 |
