내일의 장보기, Lotte Kurly

📘기능 | 📑데이터베이스 구조 | ✏️UI

목차

• 개요
• 프로젝트 설계
• 핵심 기능
• 기술 스택
• 시스템 구조도
• 주요기능 실행화면
• 팀 정보

🚩개요

최근 물가 상승률이 가파르게 높아지면서 국민들에게 더 저렴하게 식재료를 제공하고자 버티컬 플랫폼인 마켓컬리를 카피캣으로 사용하여 구현했습니다.

프로젝트 설계

ERD

UI   🔗 Figma Link

💻핵심 기능

상품

• 상품 정렬(판매 많은 순, 리뷰 많은 순, 가격 내림차순/오름차순, 카테고리)
• 페이징
• 상품 정보 제공

유저

• 아이디 중복
• 비밀번호 처리
• 카카오 소셜 로그인
• 마이페이지
• 유저 정보 수정

장바구니

• 상품 장바구니에 담기

주문

• 장바구니에서 상품 선택해 주문하기
• 주문 정보 확인

결제

• 상품 결제
• 포인트 적립

리뷰

• 리뷰 작성
• 리뷰 수정
• 리뷰 삭제
• 리뷰 확인

관리자

• 상품 등록
• 카테고리 별 판매 현황
• 회원정보를 활용한 구매 통계
• 매출 현황 확인
• 상품 재고 수정

최근 본 상품

• 최근에 본 상품 리스트

크롤링

• 상품 정보 크롤링

🔧기술 스택

• Language : Java JavaScript
• Library & Framework : Spring
• Database : Mysql
• Target : Web Browser
• Tool : Intellij
• Infra : EC2 RDS
• Etc : Notion, Git

📐시스템 구조도

🎇 주요기능 실행화면

주요기능 실행화면

• 메인 화면

  • 베스트 상품 과 할인 상품 을 조회할 수 있습니다.
  

• 상품 카테고리 별 조회와 상품 정렬

  • 카테고리 메뉴를 사용해 카테고리 별로 상품을 확인할 수 있습니다.
  
  
  • 정렬 필터를 이용해 판매량 순 할인 품목 낮은 가격순 높은 가격순 으로 상품을 조회할 수 있습니다.

• 베스트 상품 조회

  • 베스트 상품 메뉴를 통해 판매가 많이 된 상품들을 조회할 수 있습니다.

• 상품 상세 조회

  • 상품 목록에서 상품의 사진을 클릭하면 상품 상세 정보 를 확인할 수 있습니다.

• 최근 본 상품 퀵바

  • 페이지 우측에 최근 본 상품 이 지속적으로 노출됩니다. 상품을 클릭 할 때마다 최신 본 상품의 최상단으로 업데이트됩니다.

• 카카오 로그인

  • 로그인 메뉴를 클릭하면 카카오 계정을 사용해 회원 가입 및 카카오 로그인 을 할 수 있습니다.

  • 카카오 계정을 입력한 뒤 휴대폰 인증을 하면, 사용자들 등록하고 로그인이 가능합니다.

• 마이페이지

  • 마이페이지 메뉴를 통해 사용자 정보를 수정할 수 있습니다.

• 상품 후기

  • 상품 상세 페이지에서 리뷰를 등록할 수 있습니다.

  • 등록한 리뷰는 수정 및 삭제가 가능합니다.

• 장바구니

  • 상품 목록 또는 상품 상세보기에서 장바구니 상품 추가가 가능합니다.

    

  • 장바구니 메뉴에서 추가한 상품을 확인 가능합니다. 장바구니의 결제하기 를 누르면 주문서로 이동할 수 있습니다.

• 주문하기

  • 장바구니 에서 선택한 상품들과 주문 정보를 확인할 수 있습니다.

  • 결제하기 를 누르면 현재 가상계좌 잔액과 주문 총 가격, 결제 후 가상계좌 잔액을 확인할 수 있습니다.

  • 결제가 완료되면 주문 내역 메뉴에서 주문 정보를 확인할 수 있습니다.

  

• 관리자 페이지

  • 관리자 권한이 있는 사용자는 관리자 페이지 에 접근할 수 있습니다.

  • 관리자 메인 화면에서 대시보드 를 통해 서비스 이용 통계를 확인할 수 있습니다.

    • 월,연매출 총 주문 건수 날짜 별 매출 현황 카테고리 별 구매 현황 성별 구매 금액 연령 별 구매 금액 을 확인할 수 있습니다.
  
  • 상품 재고 메뉴에서 상품들의 재고를 확인할 수 있습니다.
  
  • 상품 재고 의 상품 목록의 추가 버튼을 클릭해, 상품의 재고를 변경할 수 있습니다.
  
  • 상품 추가 메뉴를 통해 사용자들에게 판매할 상품을 추가할 수 있습니다.

🌄팀 정보

강예나	권나연	신은총	오재곤	이석원	최형준
Github	Github	Github	Github	Github	Github
UI,UX / 프론트	상품 구매/결제 장바구니 클라우드	관리자, ERD 설계	크롤링 / 리뷰	유저	상품