업주야놀자 Final Project : B2B Self-coupon Admin(Backoffice) 서비스

안녕하세요😃

업주야놀자의 B2B Self-coupon Admin(Backoffice) 서비스 프로젝트 💻 웹 페이지 입니다

백엔드는 이곳을 클릭해 주세요

숙박 예약 서비스는 이곳을 클릭해 주세요

---

테스트 계정

emai: pgh123166@naver.com

password: Abcd1234

(입점 DB에 존재하지 않는 이메일이면 회원가입이 불가합니다)

---

🎯 팀 소개

박가현	박용희	서예빈	신현진	양재혁	윤태관
-메인페이지 -쿠폰 매출 차트 -쿠폰 관리 페이지 -추가 구매 모달 -이용가이드	-포인트 충전 모달 -토스페이 결제 -포인트 내역 페이지	-객실관리 페이지 -객실 삭제 -객실 수정 -객실 등록	-최초 숙소 등록 페이지 및 숙소 추가하기 페이지 -객실 최초 등록 페이지 -등록 정보 확인 페이지	-로그인 -회원가입 -로그아웃	-사이드바 -쿠폰 만들기 페이지

🔨 기술 스택

Language

Development

Deploy

🎨 화면 구성

메인 페이지

메인 페이지에서는 쿠폰 현황과 일자별 쿠폰 매출을 차트 형식으로 확인할 수 있습니다.

---

쿠폰 관리 페이지

쿠폰 관리 페이지에서는 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