💻 배포링크 | 📝 팀 위키

🎮 GGF: Good Game Friends

게이머들을 위한 특별한 공간으로, 다양한 게임을 온라인 및 오프라인에서 함께 즐기고 소통할 수 있는 예약 커뮤니티 웹사이트입니다.

Supported Games

• League of Legends (롤)
• Battlegrounds (배틀그라운드)
• Overwatch (오버워치)
• Minecraft (마인크래프트)

아래와 같은 유형의 게시글을 올릴 수 있습니다

• 파티원 모집(오프라인/온라인)
• 클랜원 모집
• 게임 공략

❓ How to run this project

# repository clone
git clone https://github.com/sprint-team3/GGF.git

## 프로젝트 폴더 이동
cd GGF

# npm 설치
npm install

# dev server
npm run dev

# build
npm run build

# 프로덕션 모드
npm run start

🛠️ Tech Stack

Language

Style

Library & Framework

Convention

⬇️ Flow Chart

🚀 기능 시연

• Features By Pages-Landing
• Features By Pages-List
• Features By Pages-PostDetail
• Features By Pages-Create Post
• Features By Pages-My Page

💻 담당 기능

ChatBot 구현

• OpenAI를 활용한 대화형 챗봇으로 편의성 제공 및 사용자의 초기 접근성 향상을 위한 FAQ(자주 묻는 질문) 제공

예약하기 / 취소하기

• 예약 현황 컴포넌트를 구현하여 선택된 날짜의 시간대별로 예약하기 기능 구현

리뷰 작성

• react-hook-form과 Zod를 활용하여 별점 최소 1점 이상, 리뷰 내용 최소 5자 이상 유효성 검사 후 리뷰 작성

랜딩 페이지

• 클랜 모집: 각 게임별 최신 클랜 모집을 반영하여 총 12건의 모집 카드를 슬라이드 배너로 구현

마이 페이지

• 신청한 예약: 예약 현황 페이지, 신청 예약 일자가 지났을 경우 리뷰하기 기능 생성 및 리뷰 작성 시 완료 상태로 변경

공용 컴포넌트 구현

• 사용법 문서화 및 스토리보드 등록
• Badge/Modal/PostCard/CardButton/SliderButton/ProfileSummary/ReviewCard/StarRating/Tag/Error

성능 최적화

• 페이지별 Accessibility 개선
• 페이지별 SEO 개선

환경

• 전역으로 사용되는 SCSS 파일 세팅

🧑‍💻 Team

김성연	김희수	지현기	허우림
CheeseB	designsoo	ccwnc	grapefruit13
치즈볼맛 개발자	피그마맛 개발자	쿠키맛 개발자	허스키맛 개발자