|
1 | | -# admin-frontend |
| 1 | +|List| Repository | Link. | |
| 2 | +|------|------|------| |
| 3 | +|사용자 프론트엔드| 🌐 **Hotel_booking_frontend (Vue 3)** | [](https://github.com/TeamProject-Daewoo/Hotel_booking_frontend) | |
| 4 | +|사용자 백엔드 ⭐ 배포 메인| 🌐 **Hotel_booking_backend (Spring Boot)** | [](https://github.com/TeamProject-Daewoo/Hotel_booking_backend) | |
| 5 | +|사업자 프론트엔드| 🌐 **BUS-Frontend (Vue 3)** | [](https://github.com/TeamProject-Daewoo/BUS-Frontend) | |
| 6 | +|관리자 프론트엔드| 🌐 **ADMIN-Frontend (Vue 3)** | [](https://github.com/TeamProject-Daewoo/ADMIN-Frontend) | |
| 7 | +|사업자+관리자 백엔드| ⚙️ **Management-Backend (Spring Boot)** | [](https://github.com/TeamProject-Daewoo/Management-Backend) | |
2 | 8 |
|
3 | | -This template should help get you started developing with Vue 3 in Vite. |
4 | 9 |
|
5 | | -## Recommended IDE Setup |
| 10 | +# 🏨 Hotelhub |
6 | 11 |
|
7 | | -[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur). |
| 12 | +> 다양한 사용자 그룹(일반 사용자, 사업자, 관리자)을 위한 **올인원 호텔 예약 생태계** |
| 13 | +> 직관적인 검색부터 예약, 결제, 사후 관리까지 |
| 14 | +> 전 과정을 하나의 플랫폼에서 제공하는 **종합 호텔 예약 솔루션** |
8 | 15 |
|
9 | | -## Customize configuration |
| 16 | +--- |
10 | 17 |
|
11 | | -See [Vite Configuration Reference](https://vite.dev/config/). |
| 18 | +<img width="1883" height="836" alt="image" src="https://github.com/user-attachments/assets/3d0f2944-0e46-4edc-8ffb-3c14074b4805" /> |
12 | 19 |
|
13 | | -## Project Setup |
14 | 20 |
|
15 | | -```sh |
16 | | -npm install |
17 | | -``` |
| 21 | +## 🌿 프로젝트 소개 |
| 22 | +**Hotelhub**은 호텔 예약 서비스의 모든 과정을 통합한 플랫폼으로, |
| 23 | +사용자, 사업자, 관리자 각각의 입장에서 필요한 기능을 하나의 생태계 안에서 제공하는 웹 서비스입니다. |
| 24 | +호텔 검색, 예약, 결제, 리뷰 관리 등 호텔 운영과 이용의 모든 단계를 효율적으로 관리할 수 있습니다. |
18 | 25 |
|
19 | | -### Compile and Hot-Reload for Development |
| 26 | +--- |
20 | 27 |
|
21 | | -```sh |
22 | | -npm run dev |
23 | | -``` |
| 28 | +## ✨ 주요 기능 |
24 | 29 |
|
25 | | -### Compile and Minify for Production |
| 30 | +### 👤 사용자 |
| 31 | +- 🔍 호텔 검색 및 상세 조회 |
| 32 | +- 🏨 객실 예약 및 취소 |
| 33 | +- 💳 **Toss Payments API**를 이용한 안전한 결제 |
| 34 | +- 🧾 리뷰 작성 및 포인트 적립 |
| 35 | +- 🎟️ 쿠폰 적용 및 포인트 결제 |
| 36 | +- 💬 사용자 문의 등록 |
26 | 37 |
|
27 | | -```sh |
28 | | -npm run build |
29 | | -``` |
| 38 | +### 🏢 사업자 |
| 39 | +- 🏨 호텔 등록 및 정보 관리 |
| 40 | +- 💰 특별가 설정 및 판매 관리 |
| 41 | +- ⚠️ 리뷰 신고 기능 |
| 42 | +- 📊 매출 통계 조회 |
| 43 | + |
| 44 | +### 🛠 관리자 |
| 45 | +- 📈 매출 통계 대시보드 |
| 46 | +- ✅ 사업자 승인 / 차단 관리 |
| 47 | +- ⚠️ 리뷰 신고 관리 |
| 48 | +- 📢 공지사항 등록 |
| 49 | +- 💬 문의 답변 처리 |
| 50 | +- 🎟️ 쿠폰 등록 및 관리 |
| 51 | +- 👥 관리자 계정 생성 및 삭제 |
| 52 | + |
| 53 | +--- |
| 54 | + |
| 55 | +## 👥 팀원 소개 |
| 56 | + |
| 57 | +| 이름 | 역할 | 담당 | |
| 58 | +|------|------|------| |
| 59 | +| **이용석** | 팀장 | 역할 분배, PPT 제작, 발표, 배포, 로그인 및 회원가입, 권한 처리 | |
| 60 | +| **김용성** | 팀원 | 검색, 찜, 메인 페이지 기능, 리뷰 관리, 관리자 대시보드 | |
| 61 | +| **원동건** | 팀원 | 상세 페이지, 사업자 페이지 UI 및 기능 | |
| 62 | +| **이동현** | 팀원 | 호텔 데이터 API 동기화, 문의, 공지사항, 쿠폰 기능, 헤더 | |
| 63 | +| **이승엽** | 팀원 | 결제(예약), 리뷰, 메인 페이지 UI, 포인트 결제 기능, 디자인 통일 | |
| 64 | + |
| 65 | +--- |
| 66 | + |
| 67 | +## 🛠 기술 스택 |
| 68 | + |
| 69 | +### 💻 Frontend |
| 70 | +- Vue 3 |
| 71 | +- Vite |
| 72 | +- Vue Router |
| 73 | +- Pinia |
| 74 | +- Axios |
| 75 | + |
| 76 | +### ⚙️ Backend |
| 77 | +- Spring Boot |
| 78 | +- JPA |
| 79 | +- MySQL |
| 80 | + |
| 81 | +### 🔗 API |
| 82 | +- Toss Payments API |
| 83 | +- Kakao Login |
| 84 | +- Kakao Map API |
| 85 | +- Tour API 4.0 |
| 86 | + |
| 87 | +### ☁️ Infra |
| 88 | +- AWS EC2 / RDS / S3 |
| 89 | +- Nginx |
| 90 | +- Docker / Docker Compose |
| 91 | +- GitHub Actions |
| 92 | +- ECR |
| 93 | + |
| 94 | +--- |
| 95 | + |
| 96 | +## 🚀 배포 및 CI/CD |
| 97 | + |
| 98 | +- GitHub Actions를 통한 **dispatch 트리거**를 사용하여 |
| 99 | + `Hotel_booking_backend` 레포지토리에서 최종 배포 자동화 |
| 100 | +- 각 Repository를 **Docker 이미지화**하여 **AWS ECR**에 저장 |
| 101 | +- **EC2 서버**에서 `docker-compose` 실행을 통해 컨테이너 배포 |
| 102 | +- **Nginx 리버스 프록시**를 통해 프론트엔드와 백엔드 트래픽 분리 |
| 103 | +- Docker 기반 **무중단 배포 환경** 구성 |
| 104 | + |
| 105 | +--- |
0 commit comments