가구 쇼핑몰 FURNiture

가구를 다루는 쇼핑몰 웹사이트입니다. 쇼핑몰의 일반적인 기능들에 직관적인 UI를 추가했습니다. 또한 관리자로 로그인 시 관리자를 위한 상품 추가, 회원 전체의 주문내역 보기, 통계 페이지 등을 제공합니다.

FURNiture 영상

• 

프로젝트 기간

• 2024년 4월 16일 ~ 2024년 6월 14일

역할 분담

• 이강성: 상품, 리뷰, 문의의 기능과 결제(toss), 택배(DeliveryTracker), Karlo, cloudinary api, 통합, 배포
• 송햇님: 택배(스마트택배) API, 주문내역캘린더, 문의, 비회원주문, 개발자페이지, 하트 토글
• 정아름: 후기, 회원 주문, footer, ERD, 통계(상품 분석), 실시간 검색어
• 박성민: 주문, Firebase를 이용한 유저, 소셜로그인 기능과 RealtimeDB, Karlo, CoolSMS api, 배포
• 홍시표: 최근 상품, 장바구니와 관리자 분석, 통계 페이지, Azure api
• 김용현: 디자인, 유저인터페이스, 페이지 데이터 출력 기능 연결

[1] 기술 스택

[2] 아키텍처

[3] 주요 기능

유저 관련 기능

1. 회원가입 및 로그인 (👈 Click)

로그인

• Firebase Authentication을 사용하여 로그인 기능 구현

• Firebase Authentication을 사용하여 회원가입 기능 구현

2. 유저 마이페이지 (👈 Click)

• Firebase Realtime DB를 이용하여 유저 정보 저장 및 관리

3. 유저 정보 수정 (👈 Click)

• Firebase Authentication 및 Realtime DB를 통해 유저 정보 업데이트

4. 이메일로 비밀번호 변경 (👈 Click)

• Firebase Authentication을 이용하여 이메일로 비밀번호 변경 기능 제공

• 이메일 변경을 위한 이메일 입력 모달

• 이메일 입력 시 변경됨

• 이메일

• 이메일로 비밀번호 변경

이메일로 비밀번호 변경 완료

5. SMS로 비밀번호 변경 (👈 Click)

• CoolSMS API를 활용하여 SMS 전송 기능을 통해 비밀번호 변경 기능 구현

• 인증코드 확인

• 비밀번호 입력

6. SMS로 아이디 찾기 (👈 Click)

• CoolSMS API를 활용하여 SMS 전송 기능을 통해 아이디 찾기 기능 구현

• 인증코드 확인

• 비밀번호 입력

상품 관련 기능

1. 상품 리스트 및 상세 페이지, 해시태그 (👈 Click)

리스트

• MySQL로 데이터를 관리 상품 정보 저장 및 상품 리스트 구현

상세 페이지

• MySQL로 데이터를 관리 상품 정보 저장 및 상품 상세 페이지 및 해시태그 구현

2. 리뷰 및 문의 (👈 Click)

리뷰

• 상품 상세 페이지에서 사용자 리뷰 리스트

• 리뷰 작성

• 리뷰 수정

문의

• 상품 상세 페이지에서 사용자 문의 리스트

• 문의 작성

• 문의 수정 및 삭제

3. 검색 기능 (👈 Click)

검색 기능

• 데이터베이스 검색 기능을 구현하여 상품 검색 지원

• 검색 리스트

4. 세일 및 장바구니 (👈 Click)

세일

• 세일 리스트

장바구니

• 장바구니 수량 변경 및 삭제 주문하기 기능

5. 마음에 드는 상품 찜 기능 + AI 방 배경 그리기 (👈 Click)

사용자가 찜한 상품 리스트와 Azure의 Computer Vision API를 사용하여 이미지에서 배경을 자동으로 제거, Karlo의 AI 이미지 편집 기능으로 배경 생성 기능 제공

• 찜 리스트

• AI 방 배경 생성

주문 및 결제 관련 기능

1. 주문 및 결제 (👈 Click)

Toss API를 통해 결제 처리 및 결제 상태 관리

• 결제창

• Toss API를 통해 결제창

• Toss API를 통해 결제 처리

• Toss API를 통해 결제 완료

2. 구매 내역 관리 (👈 Click)

데이터베이스에 구매 내역 저장 및 관리

• 주문내역 리스트

• 주문내역 상세조회

3. 송장번호 조회 및 현재 배달 상태 (👈 Click)

DeliveryTracker API를 사용하여 송장번호 조회 및 배송 상태 관리

• 송장번호 조회 및 배송 상태 관리

관리자 관련 기능

1. 상품 관리 (👈 Click)

• 관리자 페이지에서 상품 등록, 수정, 삭제 기능 구현

• 관리자 페이지에서 상품 등록

• 관리자 페이지에서 상품 수정

• 관리자 페이지에서 세일 설정

2. 문의내역 관리 (👈 Click)

• 관리자 페이지에서 사용자 문의 내역 관리

3. 주문 내역 관리 (👈 Click)

• 관리자 페이지에서 주문 정보 확인 및 처리

• 관리자 페이지에서 송장번호 입력 모달창

• 관리자 페이지에서 주문상세정보 모달창

4. 상품 통계 (👈 Click)

• 데이터베이스에서 추출한 데이터를 기반으로 한 상품 판매 통계 제공

api

• Firebase Authentication
• Firebase Realtime DB
• Cloudinary
• Toss
• DeliveryTracker
• Chart.js
• Karlo
• CoolSMS
• Azure

[4] 업무 플로우

[5] ERD

[6] API 명세