🍷 WHYNE

사용자가 다양한 와인에 대한 리뷰를 보고, 구매 여부를 판단해볼 수 있는 플랫폼입니다.

Codeit Sprint FE 12기 - Part3 4팀
배포 URL : https://fe-12-part3-team4-whyne.vercel.app/
Copyright 2024 코드잇 Inc. All rights reserved.

🕰️ 개발기간

25.02.03 - 25.02.19

💫 팀원소개

🔗 이유섭	🔗 서경수	🔗 남기연	🔗 김혜선

🖥️ 프론트엔드 개발 환경

⚒️ 기술 스택

🧑‍🤝‍🧑 협업툴



🧑‍💻 개발 툴

🚀 배포

📍 팀원별 역할 분담

• 공용 컴포넌트 제작 -> 페이지 제작 -> 오류 테스트 -> 발표 자료 준비
  
  

👨‍💻 이유섭

• 프로젝트 전반적인 관리
• 발표 자료 준비
• 페이지 : 마이 프로필
• 공용 컴포넌트 : Button, Modal - 투버튼, Card - my, Card - review
• 기능
  • axios 이용한 api 추상화
  • 내가 작성한 후기, 내가 등록한 와인 탭 클릭시 각 항목에 맞는 카드 리스트 출력
  • 각 항목의 카드의 케밥 버튼 클릭 시 수정, 삭제하기 기능
    
    

👨‍💻 서경수

• git, vercel 관리
• 발표 자료 준비
• 페이지 : 메인 랜딩 페이지, 와인 목록 페이지
• 공용 컴포넌트 : Modal -필터, Filter, Floavor, Card - wine, Card - monthly
• 기능
  • 상단 추천 와인 랜덤 출력
  • 와인 목록 검색 기능
  • 타입, 가격, 별점으로 와인을 필터링
  • 와인 카드를 클릭시 해당 와인의 상세 페이지로 이동
  • 와인 맛, 향을 입력 기능
  • 초기값으로 와인 전체 타입도 볼 수 있게 수정
    
    

🧑‍💻 남기연

• 발표 자료 준비
• 페이지 : 와인 상세 페이지
• 공용 컴포넌트 : Modal - 리뷰 등록/ 수정, Icon, Card - mylist, Card - detail
• 기능
  • 아이콘 컴포넌트 화
  • 와인 상세 정보와 리뷰 목록 출력
  • 리뷰 등록/수정 클릭시 리뷰 등록/수정 기능을 가진 모달 생성
  • 리뷰 수정시, 날짜 입력 옆에 "(수정됨)" 텍스트 추가
  • 기본 alert 창 대신 toast 기능 구현
    
    

👩‍💻 김혜선

• 발표 자료 준비 및 발표
• 페이지 : 로그인, 회원가입 페이지
• 공용 컴포넌트 : Gnb, Input, Dropdown, Modal - 와인 등록/ 수정
• 기능
  • Gnb에서 사용자 로그인 상태에 따라 다른 값 출력
  • 로그인, 회원가입 유효성 검사
  • 카카오 로그인 연결
  • 와인 등록/수정 클릭시 와인 등록/수정 기능을 가진 모달 생성
  • 마이프로필 : 프로필 사진, 닉네임 수정 기능

👀 프로젝트 미리보기

1. 메인 렌딩 페이지 (/)

2. 로그인 페이지 (/signin)

3. 회원가입 페이지 (/signup)

4. 와인 목록 페이지 (/winelist)

5. 와인 상세 페이지 (/winelist/{windid})

6. 내 프로필 페이지 (/myprofile)