내일배움캠프 4기 React 69일차(최종 프로젝트)

최영진·2023년 2월 7일
0
post-custom-banner

Oh주(酒)

😃 팀 소개

: Oh주(酒)

드디어 내일배움캠프의 기나긴 여정을 마무리하는 최종 프로젝트가 시작되었는데, 이 소중한 5주의 기간 동안 모든 팀원들이 함께 최선을 다 하겠다는 의지를 담았습니다.
저희 프로젝트 주제인 혼합주 레시피 추천 애플리케이션을 연상시킬 수도 있는 팀명입니다.


👍 팀원 & 역할

최영진 - 리뷰쓰기 (post / get)

박휘인 - 메인,다크모드 (get/sort)

김동한 - 마이페이지 (get/update)

김한울 - 로그인/회원가입 (get/post/update)

김희수 - UI 디자인


🙋‍♀️ 프로젝트 기획안

  • Topic: “자신만의 혼합주 비율을 공유하는 사이트”
  • Target: 술을 즐기고, 자신의 취향에 맞는 다양하고 맛있는 술을 직접 만들어 마셔보고 싶은 사용자
  • Purpose&Expectation
    1. 맨날 마시는 소주, 맥주의 맛이 아닌 색다른 맛을 경험할 수 있다.
    2. 술자리에서 분위기 메이커가 될 수 있다.
    3. 비주류 주종에 대한 소비자의 관심을 증대시킬 수 있다.
    4. 술을 안 좋아하는 사람도 맛있게 즐길 수 있다.
    5. 자신만의 레시피를 공유하여 함께 즐길 수 있다.
    6. 취향이 비슷한 사람끼리 커뮤니케이션이 가능하다.
  • Concept: 직관적이고 심플한 UI 구성
  • Pain Point
    1. SNS에 분포되어 있는 혼합주의 레시피를 한 곳에서 보고 싶다.
    2. 나의 혼합주 레시피를 공유하고 싶다.
    3. 다른 사람의 혼합주 레시피가 궁금하다.
  • Core Function
    • 핵심 기능 1: 나의 레시피 게시 나의 레시피를 주종과 함께 작성할 수 있다. 로그인 후 게시글 작성
    • 핵심 기능 2: 전체 레시피 확인 카테고리별로 레시피를 확인할 수 있다. 인기 / 조회수/ 최신 순으로 분류하여 확인 할 수 있다. 원하는 주종을 검색할 수 있다.
    • 핵심 기능 3: 마이 페이지 마음에 드는 레시피를 좋아요 하여 마이 페이지에서 확인할 수 있다. 게시글 상세 페이지 확인 및 작성을 위해서 로그인이 필요하다.

📆 Task 관리

Oh, Ju * ehfdl


🤝 우리들의 약속(그라운드룰)

  • 상호 간 예의있는 언행으로 의사소통하기
  • 진행사항 9시, 12시, 8시 간단히 공유하기.(화면공유)
  • 자리비울 일이 생기면 꼭 미리 말하기
  • 깃 컨벤션 꼭 지키기
  • 잘 안풀리는 부분은 최대 3~4시간까지 고민해서 안되면 바로 공유해서 해결하기
  • 캠은 항상 꼭 켜기(식사시간 제외)
  • 30분 이상 외출 시 사유 말해주기.
  • 퇴실 체크 스크린 샷 슬랙에 올리기
  • 외출 일정 팀 캘린더에 공유
  • PR시 팀원들에게 알리고, 같이 확인 후 머지하기
  • 월, 수, 금 오전 10시~12시 전체 회의 진행하기

🤩 와이어프레임

https://www.figma.com/file/07iGUEJKOulvOVrLFRG8RS/OH%EC%A3%BC?node-id=0%3A1&t=gyWHXrBC9PwKvSHY-0


📌 MVP (필수 구현 기능)

  1. 로그인 / 회원가입
    • 일반 로그인
    • Firebase Auth 이용
  2. 메인 페이지
    • 검색 기능
    • 최신/인기/조회수 카테고리별 분류(필터)
    • All/소주/맥주/양주/Etc 분류(필터)
    • Top 버튼
    • 좋아요 기능
  3. 상세 페이지
    • 좋아요 기능
    • 수정/삭제 기능(본인만)
    • 댓글 기능(수정/삭제 본인만)
  4. 마이 페이지
    • 좋아요한 게시글 조회
    • 내가 쓴 게시글 조회/수정/삭제
    • 유저의 닉네임 프로필사진 수정/삭제
    • All/소주/맥주/양주/Etc 분류(필터)

✌️ 지켜야 할 컨벤션

1. Library 및 언어

  • TypeScript
  • React

2. Framework

  • NextJs

3. Style

  • tailwindcss

4. 변수명

  • Camel Case

5. Commit Message

  • (깃모지)😊 작업내용
  • by @아이디
  • 깃 wiki 확인하기
profile
안녕하시오.
post-custom-banner

0개의 댓글