Skip to content

Upjuyanolja/Upjuyanolja_FE

Repository files navigation

fastCatch

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

wiki


안녕하세요😃

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

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

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


테스트 계정

emai: [email protected]

password: Abcd1234

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


🎯 팀 소개

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

🔨 기술 스택

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

About

B2B Self-coupon Admin(Backoffice) 서비스 개발 FE 레포지토리 입니다.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published