https://github.com/codestates-seb/seb40_main_033
영양제 정기구독 웹 서비스 Pillivery — With Pillivery Subscribe Health 🌿
https://github.com/codestates-seb/seb40_main_033
Last synced: about 1 year ago
JSON representation
영양제 정기구독 웹 서비스 Pillivery — With Pillivery Subscribe Health 🌿
- Host: GitHub
- URL: https://github.com/codestates-seb/seb40_main_033
- Owner: codestates-seb
- Created: 2022-11-07T04:48:24.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-07-08T12:34:00.000Z (almost 2 years ago)
- Last Synced: 2025-04-13T01:40:04.356Z (about 1 year ago)
- Language: Java
- Homepage: http://pillivery.s3-website.ap-northeast-2.amazonaws.com/
- Size: 4.58 MB
- Stars: 19
- Watchers: 4
- Forks: 4
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Pillivery - With Pillivery Subscribe Health 🌿
## 영양제를 손쉽게 받아볼 수 있는 영양제 정기 구독 웹 서비스, 필리버리입니다. 💊
||test account|
|:-:|:-:|
|ID|test4321@gmail.com|
|PW|test4321!|
# Service Introduction
한정적인 유저가 아닌 다양한 유저들이 이용할 수 있는 서비스를 구현하고자,
남녀노소 누구나 관심을 가질 만한 "영양제"라는 아이템을 주제로 프로젝트를 진행하였습니다.
Pillivery는 알약을 뜻하는 Pill과 배송을 뜻하는 Delivery의 합성어로, 영양제 정기배송에 중점을 둔 영양제 유통 사이트입니다.
# Team
### 🔎 Team Name
### ✨ 타락파워전사 ✨
메이플 최초로 만렙(200레벨)을 달성한 유저인 타락파워전사처럼 전설로 남겠다는 의미입니다.
### 🔎 Team Member
## 🖥 Front-end
|도현수 (팀장)|방기현 (서기)|김세연|안지환|
|:-:|:-:|:-:|:-:|
|
|
|
|
|
|[@dohyeons](https://github.com/dohyeons)|[@kihyeoon](https://github.com/kihyeoon)|[@uxolrv](https://github.com/uxolrv)|[@jihwanAn](https://github.com/jihwanAn)|
## ⚙️ Back-end
|김지효 (BE 팀장)|김지수|최민석|
|:-:|:-:|:-:|
|
|
|
|
|[@zirryo](https://github.com/zirryo)|[@jisoo27](https://github.com/jisoo27)|[@choizz156](https://github.com/choizz156)|
# Pages
|회원가입|로그인|회원탈퇴|
|:-:|:-:|:-:|
|
|
|
|
|메인|상품 목록|검색 목록|
|:-:|:-:|:-:|
|
|
|
|
|상품 상세|장바구니(일반/정기)|결제(일반/정기)|
|:-:|:-:|:-:|
|
|
|
|
|마이페이지 - 회원정보|마이페이지 - 주문내역조회(일반/정기)|마이페이지 - 주문내역 상세조회|
|:-:|:-:|:-:|
|
|
|
|
|마이페이지 - 정기구독관리|마이페이지 - 위시리스트|마이페이지 - 작성글관리(리뷰/토크)|
|:-:|:-:|:-:|
|
|
|
|
|리뷰 작성 모달|토크 작성 모달|장바구니 확인 모달|
|:-:|:-:|:-:|
|
|
|
|
#### 💡 페이지 공통사항:
* 왼쪽 메뉴바를 열어 카테고리별 영양제를 확인할 수 있습니다.
* 오른쪽 아이콘을 통해 마이페이지, 검색, 장바구니 페이지로 이동할 수 있습니다.
* 오른쪽 하단 화살표 버튼을 통해 페이지의 최상단으로 이동할 수 있습니다.
* 푸터를 통해 해당 프로젝트 팀원들의 깃허브로 이동할 수 있습니다.
#### 📖 회원가입 페이지:
* 정보를 기입하여 일반 회원으로 가입할 수 있습니다.
* 소셜 회원의 경우, 추가 정보를 기입하여 가입할 수 있습니다.
#### 📖 로그인 페이지:
* 일반 회원의 경우, 가입 시 작성한 e-mail과 비밀번호를 통해 로그인할 수 있습니다.
* 소셜 회원의 경우, 해당 소셜 로그인 버튼을 눌러 로그인할 수 있습니다.
#### 📖 메인 페이지:
* 필리버리의 주요 판매 상품을 캐러셀을 통해 확인할 수 있습니다.
* 필리버리의 베스트 상품, 할인 상품, 신상품을 한눈에 확인할 수 있습니다.
#### 📖 상품 목록 페이지:
* 해당 카테고리의 상품을 확인할 수 있습니다.
* 최신순, 조회순, 판매순, 높은가격순, 낮은가격순으로 정렬하여 상품을 확인할 수 있습니다.
* 가격 범위를 설정하여 해당 가격 범위 안의 상품을 확인할 수 있습니다.
* 브랜드명을 클릭하여 해당 카테고리 내 브랜드 상품을 확인할 수 있습니다.
#### 📖 검색 목록 페이지:
* 검색어와 일치하는 상품을 확인할 수 있습니다.
* 최신순, 조회순, 판매순, 높은가격순, 낮은가격순으로 정렬하여 상품을 확인할 수 있습니다.
* 가격 범위를 설정하여 해당 가격 범위 안의 상품을 확인할 수 있습니다.
#### 📖 상품 상세 페이지:
* 해당 상품의 정보를 확인할 수 있습니다.
* 우측 박스의 하트를 클릭하여 해당 상품을 위시리스트에 담을 수 있습니다.
* 우측 박스의 태그를 클릭하여 해당 카테고리 페이지로 이동할 수 있습니다.
* 우측 박스의 별점을 클릭하여 하단의 리뷰란으로 이동할 수 있습니다.
* 우측 박스에서 정기구독/일반구매를 선택할 수 있습니다.
* 정기구독을 선택할 시, 주기와 수량을 선택하여 장바구니에 담거나 바로 구매할 수 있습니다.
* 일반구매를 선택할 시, 수량을 선택하여 장바구니에 담거나 바로 구매할 수 있습니다.
* 해당 상품을 구매한 구매자들의 리뷰를 확인할 수 있습니다.
* 해당 리뷰의 작성자일 경우, 리뷰를 수정하거나 삭제할 수 있습니다.
* 해당 상품에 대한 회원들의 토크를 확인할 수 있습니다. (비구매자 가능)
* `토크 작성하기` 버튼을 클릭하여 해당 상품에 대한 토크를 작성할 수 있습니다.
* 토크는 20자 이상 150자 이하로 작성할 수 있습니다.
* 해당 토크의 작성자일 경우, 토크를 수정하거나 삭제할 수 있습니다.
* 토크에 대한 답변을 조회/작성/수정/삭제할 수 있습니다.
#### 📖 장바구니 페이지(일반/정기):
* 장바구니에 담았던 상품들을 확인할 수 있습니다.
* 해당 상품의 수량 및 주기를 변경할 수 있습니다.
* 장바구니에 담긴 상품을 삭제할 수 있습니다.
* 선택된 상품들의 가격 합계, 할인 금액, 결제 예정 금액을 확인할 수 있습니다.
* 상품을 선택하여 원하는 상품만 결제할 수 있습니다.
#### 📖 결제 페이지(일반/정기):
* 결제를 위한 최종 배송지 정보, 상품 정보, 결제 정보를 확인할 수 있습니다.
* 카드 결제와 카카오페이 중 결제 수단을 선택해 결제할 수 있습니다.
* 결제를 마친 후에는 마이페이지 - 주문내역 조회로 이동할 수 있습니다.
#### 📖 마이페이지 - 회원정보:
* 비밀번호를 제외한 모든 회원 정보를 확인할 수 있습니다.
* 입력했던 회원 정보를 수정할 수 있습니다.
* 입력 창이 포커스를 잃었을 때, 유효성 검사를 통과하지 못할 경우, 안내 메시지가 나타납니다.
* 회원 탈퇴를 통해 회원 정보를 삭제할 수 있습니다.
* 사이트에서 로그아웃할 수 있습니다.
#### 📖 마이페이지 - 주문내역 조회(일반/정기):
* 모든 주문 내역을 확인할 수 있습니다.
* 상품의 주문 상태를 확인할 수 있습니다.
* 주문완료 상태 건에 대하여 주문 취소가 가능합니다.
* 상세보기를 눌러 주문의 상세내역을 확인할 수 있습니다.
#### 📖 마이페이지 - 주문내역 상세 조회:
* 해당 주문 내역의 배송지 정보, 최종 결제 정보, 주문 상세 내역을 확인할 수 있습니다.
* 주문 상세 내역의 리뷰쓰기를 눌러 해당 상품의 리뷰를 작성할 수 있습니다.
* 리뷰는 별점과 내용으로 구성되어 있으며, 20자 이상 350자 이하로 작성할 수 있습니다.
#### 📖 마이페이지 - 정기구독 관리:
* 정기구독 품목들의 주기와 수량을 관리할 수 있습니다.
* 정기구독 품목들의 주기를 변경할 수 있으며, 결제일 기준으로 변경이 됩니다.
* 만약 배송을 미루고 싶다면 미루기를 통해 일주일 단위로 미룰 수 있습니다.
* 더 이상 구독을 원하지 않는 경우, 삭제 버튼을 눌러 삭제할 수 있습니다.
#### 📖 마이페이지 - 위시리스트:
* 찜한 상품들을 모아 볼 수 있습니다.
* 특정 상품의 찜을 취소할 수 있습니다.
#### 📖 마이페이지 - 작성글 관리(리뷰/토크):
* 작성한 리뷰 및 토크를 확인할 수 있습니다.
* 작성한 리뷰 및 토크를 수정하거나 삭제할 수 있습니다.
# Skills
|Front-end|Back-end|
|:-------:|:------:|
|JavaScript|Java 11|
|React|Spring Sercurity|
|Create React App|Spring boot 2.7.5|
|Styled components|Spring JPA|
|Redux toolkit|Redis 7.0.5|
|React query|Gradle|
|axios|MySQL 8|
|Node.js|JWT 0.11.5|
|npm|OAuth 2.0|
||Quartz 2.3.0|