[멋사 8기 | 프로젝트 2조 | ㈜리액트S2™ | React 프로젝트]

목차

0. 프로젝트 사용법
1. 프로젝트 소개
2. 팀 소개
3. 담당 페이지
4. 프로젝트 일정
5. 기술 스택
6. 컨벤션
7. 폴더 구성
8. 유저 플로우
9. 화면 구성
10. 프로젝트 소감

프로젝트 사용법

패키지 설치

pnpm i / pnpm install

클라이언트 실행

pnpm dev

프로젝트 소개

• 프로젝트 이름 : 봐주개냥
• 프로젝트 목적 : 이웃에게 반려동물을 맡길 수 있는 돌봄 서비스
• 배포주소 : 봐주개냥

팀 소개

조장 김종연(jykim29)	조원 김다영(ryujinzz)	조원 김종명(jump6746)	조원 박지우(ParkjiDev)	조원 이경화(vHwav)
Github 주소	Github 주소	Github 주소	Github 주소	Github 주소

담당 페이지

박지우

• 로그인/회원가입
  • 스플래시(컴포넌트)
  • 랜딩 (/)
  • 로그인 (/signin)
  • 회원가입 (/signup)

---

김종연

• 메인
  • 메인 페이지 (/main)
  • 날짜 선택(모달)
  • 플레이스 리스트(/place_list)
  • 사이드 메뉴(모달)

---

김다영

• 마이 페이지
  • 마이 페이지 (/mypage)
  • 반려동물 등록 (/add_mypet)
  • 내 프로필 변경 (/edit_my_profile)
  • 찜 목록 (/bookmark)
  • 환경설정 (/settings)
  • 나의 플레이스 (/place_list)

---

이경화

• 플레이스
  • 상세페이지 등록 (/add_place)
  • 상세페이지 (/place_detail)
  • 반려동물 선택(모달)
  • 결제(예약) (/reserve)
  • 예약 완료 (모달 or /reserve_done)

---

김종명

• 스토리
  • 스토리 목록(/내가쓴글) (/stories)
  • 글 쓰기 (/stories/post)
• 예약 내역
  • 진행 예약(/지난 예약) (/reserve_list)
• 채팅 목록
  • 채팅 룸 리스트 (/chat/list)
  • 채팅 룸 (/chat/room)

프로젝트 일정

기술 스택

📚 STACKS

컨벤션

• JavaScript Coding Convention

• React Coding Convention

• Styled-components Convention

• Git Commit Message Convention

폴더 구성

유저 플로우

화면 구성

랜딩	회원가입_1	회원가입_2

회원가입_3	회원가입_4	로그인

메인	사이드바	플레이스 리스트

플레이스 상세	결제 페이지	예약 내역

스토리 목록	스토리 작성	채팅 목록

채팅방	마이페이지	펫 등록

내 정보 수정	찜 목록	환경설정

프로젝트 소감

김종연

김다영

파이널 프로젝트에서 내가 아는 게 정말 없구나 싶어서 비참한 기분도 들기도 했지만
나보다 정말 많이 아는 사람들을 팀원으로 만나서 프로젝트를 하기 전의 나보다 성장한 것 같아서
조금은 뿌듯하고 마치며 후련하다 

김종명

박지우

이경화