Skip to content

Yoos99/WEB1_1_Endpoint_FE

 
 

Repository files navigation

🧐 Quizy : 소셜 퀴즈 플랫폼

TEAM 4 END - POINT

🚀 프로젝트 소개

📢배포 링크

그림2
그림1
그림3


🌟 Quizy의 핵심 기능 🌟

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

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

📅 개발 기간

  • 전체 개발 기간 : 2024-11-06 ~ 2024-12-02
  • 프로젝트 기획 : 2024-11-06 ~ 2024-11-10
  • 개발환경 세팅 : 2024-11-08 ~ 2024-11-11
  • 기능 구현 : 2024-11-11 ~ 2024-12-09

✨ 팀원 소개

🎨 Front-End

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

🛠️ Back-End

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


📚 기술 스택

Config

Yarn Vite

Development

🎨 Front-End

React TypeScript TailwindCSS Zustand ReactQuery ReactRouter Socket.io

🛠️ Back-End

Kotlin Spring Boot MySQL Redis ElasticSearch Kafka

⚙️ DevOps

GitHub Actions ArgoCD GCP GCLB GKE GCE Google Cloud SQL GCS

Architecture

아키텍처

🚀 기능 소개

회원가입 및 로그인

퀴즈 피드

퀴즈 검색

퀴즈 CRUD

퀴즈 작성

퀴즈 작성 및 조회

퀴즈 조회 및 수정

퀴즈 수정

퀴즈 삭제

퀴즈 삭제

게임 페이지

마이 페이지

작업 관리

JIRA

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

기술 스택

image

와이어프레임

Figma

시스템 아키텍쳐

Quizy 시스템 아키텍쳐

CICD

Quizy CICD

Quizy-front

세팅

  1. 레포지토리 포크
git clone ~
cd (project-name)

yarn install
yarn dev

폴더 구조

src/
|── api/
|── components/
| |── common/
| └── layout/
|── pages/
| └── MainPage.tsx
|── hooks/
|── styles/
|── stores/
└── types/

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • TypeScript 97.9%
  • JavaScript 1.5%
  • Other 0.6%