🌊 SWIM 360

24.12.2 - 24.12.27 2차 미니프로젝트
팀명: KBS-WIN
팀원: 김지균, 김혜빈, 반재영, 신명희

🌎 페이지 방문 🔗

• 25.01.11. 오류 수정(입력 검증, 직접 접근 방지) & 회원정보수정 기능 추가
• 24.12.27. 서비스 오픈

👙 서비스 소개

스타일과 기능을 모두 중시하는 수영인들을 위한 수영복 쇼핑몰

✔️ 3D로 수영복을 회전하고 확대/축소하여 상세히 확인할 수 있는 기능 제공

• 외부 환경에 따라 달라지는 제품의 외관 확인 가능
• 모든 제품의 디자인 색상, 소재를 디테일하게 확인
  

✔️ 기존의 2D 이미지로는 확인이 어려웠던 디테일을 제공

• 구매 결정을 더 쉽게 내리도록 도움
• 반품률 감소 및 고객 만족도 향상 기대

🖥️ 미리보기

PC.ver

메인 페이지	상품 목록
상품 상세 페이지	상품 구매
회원 페이지

Mobile.ver

메인 페이지	상품 목록	상품 상세 페이지	상품 구매	회원 페이지

🧑‍💻 실행 방법

로컬에서 실행하기

backend

//.env 파일 작성
DB_DATABASE="" //local database 이름
DB_USERNAME="root"
DB_PASSWORD="" //설정한 비밀번호
DB_HOSTNAME="localhost"
DB_DIALECT="mysql"
DB_PORT="mysql=3306"

# Express 서버 설정
EXPRESS_PORT=3000
FRONT_URL="http://localhost:5173"

//실행
cd backend
npm run start

frontend

//.env 파일 작성
VITE_BASE_URL=http://localhost:3000

//실행
cd frontend
npm run start

🎨 피그마 작업 🔗

🧩 ERD Cloud 🔗

🔨 기술 스택

Frontend

Backend

3D Modeling

협업 도구

👥Team Member

Name	김지균 🐳	김혜빈 🐠
Role	🎨 주문 페이지 UI 🎨 로그인, 회원가입 UI 🎨 아이디/비밀번호 찾기 UI 🛠️ 주문 페이지 상품 불러오기 🛠️ 주문/결제 내역 DB 등록하기 🛠️ 주소찾기 api 🛠️ 결제 정보 입력 검증	🎨 상품 상세 페이지, 상품 리뷰 UI 🎨 상품 3D 모델링 🛠 상품 3D 텍스처 변경 기능 구현 🛠 상품 상세정보 불러오기 🛠️ 선택한 상품 사이즈, 수량, 총가격 구현 🛠 상품 리뷰 불러오기 🛠 리뷰 상세보기 모달
GitHub	kimjigyun	hyebinkimsdf
Name	반재영 🐡	신명희 🐬
Role	🎨 메인-헤더, 배너 캐러셀, 베스트 상품 UI 🎨 마이페이지-회원정보 수정, 리뷰/포인트 페이지 UI 🎨 장바구니 UI 🛠️ 메인- 베스트상품 불러오기 🛠️ 마이페이지- 리뷰내역 불러오기 🛠️ 마이페이지- 주문내역 불러오기 🛠️ 로그인, 로그아웃	🎨 상품 목록 UI 🎨 마이페이지-메인, 주문내역 UI 🛠️ 카테고리별 상품목록 불러오기 🛠️ 장바구니-상품 불러오기 🛠️ 장바구니-선택상품 삭제 🛠️ 장바구니-선택상품 구매로 연동 🪜 백엔드 환경설정
GitHub	baaanjy	mh0223

🔍 상세 페이지

1. 프로젝트 일정 🔗

2. 팀 컨벤션 🔗

3. 회의록 🔗

4. 개발 중 문제 및 해결 경험 🔗

5. 자체 피드백 🔗