qq8721443/sfam_project

Team_04_Temp_FE

🤲🏻 프로젝트 소개

Sports Family : SFAM

동네에서 같이 운동할 사람을 모아 팀을 만들고, 근처의 다른 팀들과 스포츠 경기를 진행할 수 있는 커뮤니티 서비스입니다.

🏠 서비스 주소

https://www.dongkyurami.link/

🛠 기술 스택

📝 프로젝트 구조

📝 폴더 구조

┣ src
┃ ┣ api
┃ ┃ ┣ axiosInstances.ts
┃ ┃ ┗ kakaoMapApi.ts
┃ ┣ assets
┃ ┃ ┣ icons
┃ ┃ ┃ ┗ ...
┃ ┃ ┗ logo
┃ ┃ ┃ ┗ ...
┃ ┣ components
┃ ┃ ┣ Avatar
┃ ┃ ┣ Badge
┃ ┃ ┣ Button
┃ ┃ ┣ ChatListItem
┃ ┃ ┣ ChatReceiver
┃ ┃ ┣ ChatSender
┃ ┃ ┣ Divider
┃ ┃ ┣ Dropdown
┃ ┃ ┣ ErrorForm
┃ ┃ ┣ FilterButton
┃ ┃ ┣ Heading
┃ ┃ ┣ Input
┃ ┃ ┣ InviteAcceptance
┃ ┃ ┣ Layout
┃ ┃ ┣ MatchDetail
┃ ┃ ┣ MatchForm
┃ ┃ ┣ MatchList
┃ ┃ ┣ MatchListItem
┃ ┃ ┣ MatchRecordChart
┃ ┃ ┣ MatchResult
┃ ┃ ┣ Message
┃ ┃ ┣ Navigator
┃ ┃ ┣ NotificationListItem
┃ ┃ ┣ Paragraph
┃ ┃ ┣ PieChart
┃ ┃ ┣ ProposalForm
┃ ┃ ┣ ReviewButtonGroup
┃ ┃ ┣ ReviewGroup
┃ ┃ ┣ SignInForm
┃ ┃ ┣ SignUpForm
┃ ┃ ┣ Slider
┃ ┃ ┣ SportsIcon
┃ ┃ ┣ TeamBadge
┃ ┃ ┣ TeamForm
┃ ┃ ┣ TeamMember
┃ ┃ ┣ UserListItem
┃ ┃ ┗ Welcome
┃ ┣ constants
┃ ┃ ┗ ...
┃ ┣ hooks
┃ ┃ ┗ ...
┃ ┣ interface
┃ ┃ ┗ ...
┃ ┣ pages
┃ ┃ ┣ chatlist
┃ ┃ ┣ matches
┃ ┃ ┣ notification
┃ ┃ ┣ signin
┃ ┃ ┣ signup
┃ ┃ ┣ team
┃ ┃ ┣ user
┃ ┃ ┣ \_app.tsx
┃ ┃ ┣ \_document.tsx
┃ ┃ ┗ index.tsx
┃ ┣ public
┃ ┃ ┗ favicon.ico
┃ ┣ recoil
┃ ┃ ┗ atoms.ts
┃ ┣ styles
┃ ┃ ┣ common.ts
┃ ┃ ┣ global.ts
┃ ┃ ┣ reset.ts
┃ ┃ ┗ theme.ts
┃ ┗ types
┃ ┃ ┣ custom.d.ts
┃ ┃ ┗ emotion.d.ts

UI 및 기능

시작 페이지

로그인/회원가입

회원가입	로그인

매칭

공고 조회	공고 상세	공고 작성

팀 생성/팀원 초대

팀 생성	팀원 초대

채팅

채팅 조회	채팅 수락/거절	1:1 채팅

결과 기입

경기 결과 기입

후기 작성

경기 후기 작성

프로필

개인 프로필	팀 프로필

🔎 프로젝트 실행 방법

git clone https://github.com/prgrms-web-devcourse/Team_04_SFam_FE.git
yarn install
yarn dev

📄 프로젝트 노션

동규라미 팀 노션

👬 팀 소개

[Frontend]

Papa (김창민)	Lawrence (장규범)	Claire (신승연)	Thompson (홍정기)
Product Owner	Scrum Master	Developer	Developer

[Backend]

Crong (김형욱)	Hyeb (박혜빈)	Mark (곽동운)	Elizabeth (김병연)	NULL (박진형)
Product Owner	Scrum Master	Developer	Developer	Developer