BB Proj 프론트엔드 개발 완료입니다.

Beautiful Bride :: Frontend :: React

프로젝트 개요

Beaitofi Bride는 웨딩 드레스 쇼핑을 새롭게 바꾸는 프로젝트입니다.

이 프로젝트의 핵심은 사용자들에게 가상으로 웨딩 드레스를 입어볼 수 있는 체험을 제공하는 것입니다.
이를 위해 사용자의 사진과 선택한 드레스를 기반으로 3D 모델을 생성합니다.

프론트에서는 아래의 기능들을 제공합니다.

일반 사용자(예비 신부들)

1. 드레스 리스트
2. Select Top 5
3. '좋아요' 목록
4. 웨딩드레스 가상 시착 서비스

드레스 업체 사용자

1. 업체 드레스 리스트
2. Select Top 5
3. 드레스 등록

개발 환경 및 사용 기술

• react
• javascript
• css
• html

url

일반 회원 url

• Beautiful Bride Main 화면(Select Top 5)
• "/"
• 회원 마이페이지('좋아요'리스트 확인 가능)
• "/mypage"
• 전체 드레스 리스트
• "/dresslist"
• 웨딩드레스 가상 시착 화면(Try on)
• "/tryon"

드레스 업체 url

• 드레스 업체 페이지(Select Top 5 / 정보 수정 가능/ 최신 올린 드레스 및 총 드레스 수량 확인 가능)
• "/company"
• 드레스 등록(앞,옆,뒤 사진 3개, 정보들 등록)
• "/companydress"
• 업체 전체 드레스 리스트(정보 확인 및 삭제로 관리 가능)
• "/companylist"

주요기능

• 드레스 리스트

  • 업체에서 등록한 모든 드레스들을 한페이지에서 식견가능합니다.
    

• Select Top 5

  • '좋아요'가 가장 많은 드레스 순으로 5개의 드레스 정보를 제공함으로써 트렌드를 알 수 있습니다.
    

• '좋아요' 목록

  • 사용자가 '좋아요'를 누른 드레스들은 마이페이지에서 한눈에 확인 가능합니다.
    

• 웨딩드레스 가상 시착 서비스

  • 자신의 전신 사진 한장만 등록하면 내가 원하는 드레스를 가상 시착 해 볼 수 있습니다.
    

• 업체 드레스 리스트

  • 업체에서 등록한 드레스들을 관리 할 수 있습니다.
    

• 업체 Select Top 5

  • 업체가 등록한 드레스 들 중에서 사용자로부터 '좋아요'를 많이 받은 드레스 5개를 한눈에 확인 가능합니다.
    

• 드레스 등록

  • 업체에서 드레스를 등록함으로써 간편하게 홍보 및 제공이 가능합니다.