최종프로젝트

S.A.

💡 목차

• 👨‍👩‍👧‍👦 팀 소개
• 👨🏻‍💻 프로젝트 설명
• ✨ 와이어 프레임
• 🔥 개발할 기능들
• 📌 GROUND RULE
• 📍기술스택

👨‍👩‍👦‍👦 팀 소개

• 👉 팀명 : 친한친9조

• 👉 팀원 : 최희라, 한재창, 한지은, 김유안, 최현실

👨🏻‍💻 프로젝트 설명

• 👉 프로젝트명 : PopCorn
• 👉 전국에 있는 팝업스토어들을 한눈에 볼 수 있습니다. 프로젝트의 이름은 ‘PopCorn’으로 팝업스토어들이 팝콘 처럼 팝팝 튀는 매력이 있고 모두 대박 나시라는 의미에서 이름을 지었습니다.

✨ 와이어 프레임

피그마

🎉 페이지 구성

• Signup
• Login
• HomePage
• MyPage
• Detail
• 팝업스토어 정보 및 후기
• ReviewPage
• MasterPage
• MapPage
  

👩🏻‍🎨 디자이너님 와이어 프레임

*POPCORN

🔥 개발할 기능들

• 로그인 / 회원가입

  • firebase를 통한 로그인, 회원가입

• 메인페이지(=홈페이지)

  • 배너를 이용한 핫한 팝업스토어 목록
  • 최근 오픈했어요 목록
  • 곧 마감해요 목록
  • 검색해서 필터링 하기
  • 페이지네이션

• 마이페이지

  • 프로필 수정, 회원탈퇴
  • 북마크 / 후기 리스트
  • 팝업 스토어 제보
  • FAQ

• 디테일 페이지

  • 디테일 상단 : 지도(위치), 영업시간, 운영시간, 예약하기(네이버로 이동), 북마크, 공유
  • 디테일 중단 : 스토어 설명, 이벤트(공지사항), SNS계정
  • 디테일 하단 : 다녀온 후기(CRUD), 별점

• 후기 작성페이지

  • 별점, 내용, 이미지

• 마스터 페이지

  • 팝업스토어 제보 (확인,취소)
  • 뉴팝업스토어 글쓰기
  • 팝업스토어 정보 수정

• 지도 페이지

  • 현재 내위치 표시하기
  • 반경 5km 이내 팝업스토어 표시하기
  • 지역 검색해서 이동 후 주변 팝업스토어 표시
  • 표시된 팝업스토어 마커를 누르면 간략 정보와 디테일 페이지로 이동 버튼

📌 GROUND RULE

• 포기하지 말자, 하면 된다!
• 약속시간 잘 지키기
• 일정이 있다면 미리 알려주기
• 소통을 잘하고 예쁜 말로 소통하기
• 잠수 타지말자
• 모르는거에 부끄러워하지 말자!
• 카메라 키기 필수!
• 미팅 시간
  • 오전 9시 - 오늘 계획 공유
  • 오후 5시 - 현황 공유
  • 디자이너님: 월,수,금 (오후)
  • 매주 금요일: 9:30 - 10:00 기술 멘토링

📍 기술스택

• React
• Javascript
• Typescript
• Recoil
• Axios
• Firebase
• Figma
• Styled Component