SHOONG🚀

포토카드 교환/생일카페 정보 제공 플랫폼

배포 주소 : https://shoong.vercel.app

📚 목차

• 👀 프로젝트 소개
• 👨‍👩‍👧‍👦프로젝트 구성원
• 🛠 기술 스택
• 🔀 flow
• 구현 기능 & 화면 구성
• 개인회고

👀 프로젝트 소개

• 주제: SHOONG은 좋아하는 그룹의 포토카드를 모으고 관리할 수 있는 콜렉트북과 아이돌 생일 카페 정보를 제공하여 건전한 팬 문화를 지향하는 플랫폼입니다.
• 진행 기간: 2024/02/17 - 2024/03/14
• 리팩토링: 2024/03/19 - 2024/04/30
• notion 바로가기
• figma 바로가기

👨‍👩‍👧‍👦 프로젝트 구성원

김경민	김충만	송현규	이슬기나	이현서
발표	스크럼마스터	조장	기록	디자인
리액트 능력 끌어올리기	React 상태 관리 및 성능 최적화에 대한 이해	코드 품질을 높이기 (최적화, 리팩토링)	클린하게 리액트다운 작업을 하기	컴포넌트 중심 설계에 익숙해지기
1. 회원가입 2. 로그인 3. 헤더/디테일 헤더	1. 교환 디테일 2. 밋업 페이지 - 지도 3. 네비게이션 바	1. 교환 페이지 - 그룹 선택 2. 교환 페이지 - 필터링 3. 밋업 페이지 - 밋업 리스트 4. 프로필 페이지 - 콜렉트 북	1. 캐러셀 2. 검색 3. 밋업 디테일 - 코멘트	1. 홈/교환 페이지 - 포토카드 리스트 2. 찜 목록 3. 푸터 4. 제보하기

🛠 기술 스택

분야	기술
프론트엔드
배포
DB
UI/UX
API
라이브러리
협업 도구

🔀 flow

ERD	Page Flow

화면 구성 & 구현 기능

☝️주요 서비스 소개

1. 교환: 금전적인 거래/교환이 아닌 유저들 간의 소유한 포토카드를 교환 글을 통해 교환할 수 있습니다.

2. 밋업: 아티스트들의 생일이 맞춰 진행하는 "생일 카페"들의 정보를 제공하고, 후기를 작성할 수 있습니다.

3. 콜렉트북: 소유 중인 포토카드들을 콜렉트북에 등록할 수 있습니다.

4. 제보하기: 서비스에 없는 포토카드/생일 카페를 제보할 수 있습니다.

페이지별 시연 및 구현 사항

홈

• 업데이트된 포토카드/생일 카페를 캐러셀을 통해 보여줍니다.
• 최신/ 찜 많은 순으로 포토카드를 확인할 수 있습니다.
• 좋아하는 포토카드를 찜할 수 있습니다.
• 오른쪽 하단의 아이콘을 눌러 찜 목록으로 이동할 수 있습니다.

회원가입/로그인

회원가입	로그인
- 이메일 중복 검사 및 인증번호를 전송합니다. - 원활한 서비스 이용을 위한 정보들을 수집합니다.	- 가입한 이메일과 비밀번호를 통해 로그인할 수 있습니다.

교환

• 검색을 통해 원하는 포토카드를 찾을 수 있습니다.
• 그룹별로 포토카드를 필터링해서 볼 수 있습니다.
• 최신/ 찜 높은, 낮은 순으로 포토카드를 정렬할 수 있습니다.
• 좋아하는 포토카드를 찜할 수 있습니다.

교환 디테일

• 교환하고 싶은 포토카드에 교환글을 작성할 수 있습니다.
• 내가 작성한 글의 내용을 수정/삭제할 수 있습니다.

밋업

• 검색으로 가고 싶은 생일 카페를 찾을 수 있습니다.
• 지도를 통해 아티스트의 생일 카페 위치/카페 이름/기간을 확인 할 수 있습니다.

밋업 디테일

• 생일 카페의 자세한 정보를 확인할 수 있습니다.
• 후기를 작성할 수 있습니다.

프로필

최애 그룹	콜렉트북 만들기	포카 드볼
- 나의 최애 그룹을 설정할 수 있습니다.	- 나만의 포토카드 콜렉트 북을 만들 수 있습니다.	- 서비스에 등록되어 있는 포토카드들 중 소유 중인 포토카드를 추가/수정할 수 있습니다.

제보하기

포토카드 제보	밋업 제보
- 찾는 포토카드가 없을 때 제보를 할 수 있습니다.	- 서비스에 없는 생일 카페를 제보할 수 있습니다

회고

김경민	김충만	송현규	이슬기나	이현서