안녕하세요😃
업주야놀자의 B2B Self-coupon Admin(Backoffice) 서비스 프로젝트 💻 웹 페이지 입니다
백엔드는 이곳을 클릭해 주세요
숙박 예약 서비스는 이곳을 클릭해 주세요
테스트 계정
emai: pgh123166@naver.com
password: Abcd1234
(입점 DB에 존재하지 않는 이메일이면 회원가입이 불가합니다)
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
박가현 | 박용희 | 서예빈 | 신현진 | 양재혁 | 윤태관 |
-메인페이지 -쿠폰 매출 차트 -쿠폰 관리 페이지 -추가 구매 모달 -이용가이드 |
-포인트 충전 모달 -토스페이 결제 -포인트 내역 페이지 |
-객실관리 페이지 -객실 삭제 -객실 수정 -객실 등록 |
-최초 숙소 등록 페이지 및 숙소 추가하기 페이지 -객실 최초 등록 페이지 -등록 정보 확인 페이지 |
-로그인 -회원가입 -로그아웃 |
-사이드바 -쿠폰 만들기 페이지 |
![메인 페이지](https://private-user-images.githubusercontent.com/81469686/300319613-be11c7f0-0c0a-4ddf-81ac-a56e53fcb3f2.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjIyNDAxNjIsIm5iZiI6MTcyMjIzOTg2MiwicGF0aCI6Ii84MTQ2OTY4Ni8zMDAzMTk2MTMtYmUxMWM3ZjAtMGMwYS00ZGRmLTgxYWMtYTU2ZTUzZmNiM2YyLmdpZj9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzI5VDA3NTc0MlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTUzMmI5Mjc5NzA2MDNkMTU3MWI1MmVmNjk3YzhhNzJlZGI2MDZmYjg2ODRjMWFlMmIxZTlkZjYyOWEwNTc0ZDgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.HzeCoA9C9sLzVJhxDQTroeCPuE2l3gRfgBkgc-8mnI0)
![메인 페이지](https://private-user-images.githubusercontent.com/37584686/300283768-ca107a8e-c20a-41f8-b985-273ee923742b.jpg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjIyNDAxNjIsIm5iZiI6MTcyMjIzOTg2MiwicGF0aCI6Ii8zNzU4NDY4Ni8zMDAyODM3NjgtY2ExMDdhOGUtYzIwYS00MWY4LWI5ODUtMjczZWU5MjM3NDJiLmpwZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzI5VDA3NTc0MlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTZkNzRkYzFiYjVlZDhhNDU4YzhjM2RhOWFkMjg4MTA2Mzc1MDkzYWQwYzQ2OGJhNDIzZWIxODQ0OWJiMjliNDImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.J3W5MPEXMfRSZOYEI2igbh8yOVPwWzjrL5Y8ZkYxS2g)
![카테고리별 페이지](https://private-user-images.githubusercontent.com/37584686/300283754-a9b27167-d28b-4713-868f-92918f9f0344.jpg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjIyNDAxNjIsIm5iZiI6MTcyMjIzOTg2MiwicGF0aCI6Ii8zNzU4NDY4Ni8zMDAyODM3NTQtYTliMjcxNjctZDI4Yi00NzEzLTg2OGYtOTI5MThmOWYwMzQ0LmpwZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzI5VDA3NTc0MlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTdiZDQzZDFhNGE1YzMzOGU0NWE5ZTM1M2M5YTVkNWRkODQ4MGY5M2UwNWU5Njc5ZGNiOWJkNWJlYWM3NGMxYjcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.3ay2luPkTxeloqX9k8mR0PGUGp1sZHg_lR9WwhzWRYM)
충전한 포인트를 가지고 쿠폰을 구매할 수 있습니다. 구매한 쿠폰은 쿠폰 관리 페이지에서 확인이 가능합니다
![숙박 상세 페이지](https://private-user-images.githubusercontent.com/37584686/300283806-4630f880-e1ed-4303-96d5-ea15a7ffc7e4.jpg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjIyNDAxNjIsIm5iZiI6MTcyMjIzOTg2MiwicGF0aCI6Ii8zNzU4NDY4Ni8zMDAyODM4MDYtNDYzMGY4ODAtZTFlZC00MzAzLTk2ZDUtZWExNWE3ZmZjN2U0LmpwZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzI5VDA3NTc0MlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWUzYjViMzFhMDUwYTc3ZDI1YThiYjkyNzlhZTAzMWQ1NzFjMjFjZmFkODcwMDM5NzZmMjg1ZWZmMjdhMWJjOWUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.onIUxksBBQWjHjG-Gh6cS2yObUyfAtWmgVQzzW0ZUbM)
충전한 포인트와 사용한 포인트 내역을 페이지네이션 형태로 확인할 수 있습니다
![장바구니 페이지](https://private-user-images.githubusercontent.com/37584686/300283849-490e2d41-ba1d-4ad5-8775-f4513f9a2054.jpg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjIyNDAxNjIsIm5iZiI6MTcyMjIzOTg2MiwicGF0aCI6Ii8zNzU4NDY4Ni8zMDAyODM4NDktNDkwZTJkNDEtYmExZC00YWQ1LTg3NzUtZjQ1MTNmOWEyMDU0LmpwZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzI5VDA3NTc0MlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTUxMDk4NDVjOGEwZTkzZjg4OWFlMmZhOTliMDQ3OTc5MzdmNGM0NDkxMjA4ZTRiZWQ5NTg5MDdmOTcxMDAwOTYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.whDv-41qBRxY_NYi9U_LnLYXle3fx5rSDKYa2c6e5Z0)
객실을 무한스크롤 형태로 확인할 수 있고 객실을 수정 , 삭제 , 등록이 가능합니다
![](https://private-user-images.githubusercontent.com/37584686/300283641-f523634b-f881-4bf8-8c28-b1e04d923e08.jpg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjIyNDAxNjIsIm5iZiI6MTcyMjIzOTg2MiwicGF0aCI6Ii8zNzU4NDY4Ni8zMDAyODM2NDEtZjUyMzYzNGItZjg4MS00YmY4LThjMjgtYjFlMDRkOTIzZTA4LmpwZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzI5VDA3NTc0MlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWE1YjFhYjE2ZTk2NzE0NmU4ZmRhOThjMGMzZjMyMDY3M2RkZDYzMTg3OWU2NzlhODk0MDYxMjUwOGQ2Y2VkNzQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.q6tnteQnJ8N81EONNyg03aEXvretZZUzev2N0lf5xLA)
📂 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