🍌Banana Vote

투표하며 놀자!

무엇을 먹을지, 무엇을 살지, 무엇을 할지 결정이 어려우신가요?
친구 의견과 내 의견 중 어느 것이 옳을까요?
다른 사람의 고민을 보고 의견을 주고 싶으신가요?
재미로 할 수 있는 투표 커뮤니티가 필요하신가요?

Banana Vote (바나나 보트)를 이용해보세요!

📅 개발 기간

• 2023.3.10 ~ 진행 중

🔥 주요 기능

메인 페이지 (투표 목록 페이지)

• 투표글 목록 피드 형태로 조회

검색 결과 페이지

• 클릭 혹은 검색한 태그에 해당하는 투표글 목록 조회

투표글 작성 페이지

이벤트 페이지

스토어 페이지

랭킹 페이지

마이 페이지

🐒 기술 스택

Frontend

Name	Version	Category	Description
Next.js	13.3	Framework	서버 사이드 렌더링
React	18.2	Library
Zustand	4.3.7	Library	클라이언트 상태 관리
React Query	4.28.0	Library	서버 상태 관리, 데이터 페칭
Framer Motion	10.8.5	Library	애니메이션 스타일링
Tailwind CSS	3.2.7	Library	CSS-in-JS 스타일링, 빌드 시 CSS로 바뀌기 때문에 서버 사이드 렌더링에 적합
Headless UI	1.7.13	Library	UI 라이브러리
Hero Icons	2.0.16	Library	아이콘
React Beautiful DND	13.1.1	Library	리스트 드래그앤드랍 기능
React Slick	0.29.0	Library	캐로셀 기능
React DatePicker	4.10.0	Library	드래그앤드랍을 통한 파일 업로드 기능
React Interserction Observer	9.4.3	Library	무한스크롤 기능에 활용(객체 감지)
timeago.js	4.0.2	Library	시간값을 통한 상대시간 표현에 사용, format 자동화
Firebase	9.17.2	Library	이미지 스토리지
Nano Id	4.0.1	Library	랜덤 문자열 생성
Humps	2.0.2	Dev Library	axios request, response 시 케이스 자동 변환
Playwright	1.31.2	Dev Tools	E2E 테스트
StoryBook	6.5.16	Dev Tools	UI 컴포넌트 테스트

Backend

Name	Version	Category	Description
SpringBoot	3.0.5	Framework
JDK	17.0.6	Framework
MySQL	8.0.32	Framework

DevOps

Name	Version	Category	Description
Vercel	3.0.5	Framework	프론트엔드 배포
Docker	17.0.6	Framework	백엔드, DB 배포

📐 Architecture

준비 중...

☁️ ERD Cloud

📄 Rules

Git Branch 관련 작성법

• feature/[issue 번호]
  • ex) feature/45
• main
  • develop
  • feature
  • hotfix
  • release

Git commit type

• feat:
  • 새로운 기능 추가
  • ex) feat: 이메일 인증
• refactor:
  • 코드 리팩토링
• chore:
  • (코드의 수정 없이) 설정 변경
• fix:
  • 버그 수정
• style:
  • (코드의 수정 없이) 코드 스타일 변경
• docs:
  • 문서의 등록 및 수정
• test:
  • 테스트 관련한 코드의 추가 및 수정

🏗️ Directory Structure

Frontend

💻Banana_Vote_FE
├─📦language
├─📦playrgiht
├─📦public
│  └─📂fonts
├─📦src
│  ├─📂app
│  │  ├─📂[lng]
│  │  ├─📂api
│  ├─📂types
│  └─📄middleware.ts
├─📜.env
├─📜...
└─📜tsconfig.json

Backend

👥 Team

이름	역할
우상욱	- 백엔드 개발
이상우	- 백엔드 개발
장석찬	- 프론트엔드 개발
정진	- 프론트엔드 개발
조민규	- 프론트엔드 개발