🍷 WINE - 나만의 와인 창고 🍇

와인에 관심은 있지만 뭘 골라야 할지 막막하신가요?

내 취향에 맞는 와인을 쉽게 찾고, 다른 사람들의 생생한 리뷰도 확인하고 싶으신가요?

WINE은 와인을 사랑하는 사람들이 모여 와인을 탐색하고, 등록하며, 의견을 나누는 커뮤니티입니다.

지금 바로 당신의 와인 취향을 발견하고, 다양한 사람들과 와인 이야기를 나눠보세요! 🥂

🎈 프로젝트 소개

WINE은 와인을 탐색하고 와인을 사랑하는 사람들이 모여 소통할 수 있도록 만든 웹애플리케이션입니다.
다양한 와인을 쉽게 검색하고, 가격대나 종류별로 필터링하며, 원하는 와인을 빠르게 찾을 수 있어요.
나만의 와인 창고를 관리하며, 좋아하는 와인을 등록하고, 자유롭게 리뷰를 남길 수 있어요.

"이제 와인 고를 때 자신 있어요! 🍷"
"다른 사용자 리뷰를 보고 새로운 와인을 시도해 봤어요! 💬"
"내가 좋아하는 와인을 쉽게 기록하고 공유할 수 있어서 좋아요! 🙌🏻"

🚀 배포 서비스

지금 바로 당신의 와인 취향을 발견하고, 함께 나눠보세요! 🍷

✨ 주요 기능

✅ 구글/카카오 로그인 : 구글 및 카카오 계정을 통해 간편하게 로그인할 수 있어요.
✅ 와인 검색 : 키워드로 원하는 와인을 빠르게 찾을 수 있어요.
✅ 필터링 기능 : 종류, 가격, 평점 등 다양한 기준으로 와인을 쉽게 탐색해요.
✅ 와인 등록 : 로그인 후 직접 와인을 등록해 나만의 와인 컬렉션을 만들어 보세요.
✅ 리뷰 작성 : 각 와인에 대한 나만의 리뷰를 작성하고, 다른 사용자와 의견을 나눌 수 있어요.
✅ 와인 관리 : 등록한 와인은 언제든 수정하거나 삭제할 수 있어요.
✅ 리뷰 관리 : 등록한 리뷰는 언제든 수정하거나 삭제할 수 있어요.
✅ 반응형 디자인 : PC, 태블릿, 모바일 어디서든 사용 가능해요.

🍷 WINE, 이렇게 사용해 보세요!

🔑 간편한 로그인, 빠른 시작

📌 일반 로그인부터 카카오, 구글 로그인까지 한 번의 클릭으로 빠르게 시작해 보세요.
📌 OAuth를 활용해 보안은 강화하고, 로그인 과정은 간편하게!

🍇 다양한 와인, 한눈에 탐색

📌 와인 목록 페이지에서 원하는 와인을 쉽게 찾아보세요.
📌 필터링과 검색 기능으로 취향에 맞는 와인을 빠르게 발견할 수 있어요.
📌 내가 즐긴 와인을 등록하고 다른 사람들에게 추천해 보세요.
📌 무한 스크롤로 끊김 없이 와인을 탐색할 수 있어요.

📖 와인 정보, 더 깊이 알아보기

📌 와인 상세 페이지에서 생산지부터 맛과 향까지 세부 정보를 확인하세요.
📌 리뷰 작성으로 나만의 와인 기록을 남기고 다른 사용자들과 와인에 대한 경험을 나눠 보세요.
📌 다른 사람들의 리뷰를 읽고 새로운 와인을 발견해 보세요.

👤내 프로필에서 기록 관리

📌 내가 등록한 와인과 작성한 리뷰를 한눈에 확인하고 관리하세요.
📌 내 프로필 페이지에서 나만의 와인 컬렉션을 만들어 보세요.

📁 디렉토리 구조

📦 wine
  └── 📂 src
       ├── 📂 app
       │    ├── 📂 (with-header)
       │    │    ├── 📂 myprofile
       │    │    ├── 📂 wines
       │    │    │    ├── 📂 _components
       │    │    │    ├── 📄 page.tsx
       │    │    │    └── 📂 [id]
       │    │    │         ├── 📂 _components
       │    │    │         └── 📄 page.tsx
       │    │    │          
       │    │    ├─ 📄 page.tsx
       │    │    └─ 📄 layout.tsx
       │    │     
       │    ├── 📂 oauth
       │    ├── 📂 signin
       │    ├── 📂 signup
       │    ├── 📄 global.css
       │    ├── 📄 layout.tsx
       │    └── 📄 not-found.tsx
       │
       ├── 📂 assets
       ├── 📂 components
       ├── 📂 constansts
       ├── 📂 contexts
       ├── 📂 fonts
       ├── 📂 hooks
       ├── 📂 lib
       ├── 📂 types
       └── 📂 utils

⚙️ 설치 및 실행 방법

$ git clone https://github.com/LMS10/WINE.git
$ cd WINE
$ nvm use 20.11.0
$ npm install
$ npm run dev

🧰 기술 스택

🖥️ 프론트엔드

🛠️ 개발 환경 및 도구

🚀 배포 및 CI/CD

🔐 인증 및 보안

🔍 코드 품질 관리

📄 문서화 및 협업

🔀 Git 브랜치 전략

main, feature, refactor, fix 브랜치를 활용해 작업을 체계적으로 관리하고 프로젝트의 안정성을 높였어요.

브랜치	목적 및 활용 방식
main	배포를 위한 안정적인 코드가 모이는 브랜치로, 모든 기능은 검증 후 main에 병합
feature	새로운 기능을 개발하는 브랜치로, 각 기능마다 별도의 feature 브랜치를 생성해 작업
refactor	코드 품질을 개선하거나 구조를 변경할 때 사용하는 브랜치로, 기능 변경 없이 유지보수 목적에 집중
fix	발견된 버그를 수정하는 브랜치로, 빠른 오류 해결을 위해 사용

👥 팀원 소개

이름	역할
이민서	팀장, 프로젝트 총괄 프로젝트 셋업 및 CI/CD 구축 프로젝트 컨벤션, 수행 계획서 작성 와인 목록 페이지 구현 공통 컴포넌트 작업 발표 준비
김은경	내 프로필 페이지 구현 User Flow 작성 공통 컴포넌트 작업 발표 준비
김휘송	메인 랜딩 페이지 구현 와인 상세 페이지 구현 공통 컴포넌트 작업 발표 준비, PPT 제작
박준환	모달 컴포넌트 공통 컴포넌트 작업 발표 준비
최제원	회원가입 페이지 구현 로그인 페이지 구현 발표 준비