안녕하세요😃
업주야놀자의 B2B Self-coupon Admin(Backoffice) 서비스 프로젝트 💻 웹 페이지 입니다
백엔드는 이곳을 클릭해 주세요
숙박 예약 서비스는 이곳을 클릭해 주세요
테스트 계정
emai: pgh123166@naver.com
password: Abcd1234
(입점 DB에 존재하지 않는 이메일이면 회원가입이 불가합니다)
 |
 |
 |
 |
 |
 |
| 박가현 | 박용희 | 서예빈 | 신현진 | 양재혁 | 윤태관 |
| -메인페이지 -쿠폰 매출 차트 -쿠폰 관리 페이지 -추가 구매 모달 -이용가이드 |
-포인트 충전 모달 -토스페이 결제 -포인트 내역 페이지 |
-객실관리 페이지 -객실 삭제 -객실 수정 -객실 등록 |
-최초 숙소 등록 페이지 및 숙소 추가하기 페이지 -객실 최초 등록 페이지 -등록 정보 확인 페이지 |
-로그인 -회원가입 -로그아웃 |
-사이드바 -쿠폰 만들기 페이지 |
메인 페이지에서는 쿠폰 현황과 일자별 쿠폰 매출을 차트 형식으로 확인할 수 있습니다.
쿠폰 관리 페이지에서는 select와 checkbox를 통한 쿠폰 발급 상태를 변경할 수 있습니다 ( 소진은 변경 불가 )
일일 제한 수량, 노출 기준, 쿠폰 적용 기간 또한 사용자가 직접 변경할 수 있습니다
쿠폰 아이템을 선택해서 삭제와 추가 구매를 할 수 있습니다
충전한 포인트를 가지고 쿠폰을 구매할 수 있습니다. 구매한 쿠폰은 쿠폰 관리 페이지에서 확인이 가능합니다
충전한 포인트와 사용한 포인트 내역을 페이지네이션 형태로 확인할 수 있습니다
객실을 무한스크롤 형태로 확인할 수 있고 객실을 수정 , 삭제 , 등록이 가능합니다
| 회원 가입 | 숙소 등록 |
|---|---|
 |
 |
| 포인트 충전 | 쿠폰 구매 |
 |
 |
📂 src
┣ 📂 api
┣ 📂 assets
┣ 📂 components
┃ ┣ 📂 layout
┃ ┃ ┣ 📂 footer
┃ ┃ ┣ 📂 header
┃ ┃ ┣ ...
┃ ┣ 📂 agreement-modal
┃ ┣ 📂 coupon
┃ ┣ ...
┣ 📂 constants
┃ ┣ 📂 api
┃ ┣ 📂 colors
┃ ┣ 📂 coupon
┃ ┣ ...
┣ 📂 hooks
┣ 📂 mocks
┣ 📂 pages
┃ ┣ 📂 coupon
┃ ┣ 📂 coupon-registration
┃ ┣ 📂 init
┃ ┣ 📂 init-accommodation-registration
┃ ┣ ...
┣ 📂 queries
┣ 📂 stores
┣ 📂 test
┃ ┣ 📂 coupon
┃ ┣ 📂 init
┃ ┣ 📂 layouts
┃ ┣ ...
┣ 📂 types
┣ 📂 utils
┃ ┣ 📂 sign-in
┃ ┣ 📂 sign-up
┃ ┣ ...
┣ App.tsx
┣ main.tsx
https://youthful-jump-c97.notion.site/FE-2-f8763ce2d853471ea58f0312e5c5927f?pvs=4
2023.12.26 ~ 2024.01.29