USHER - 공연 경험 안내 플랫폼

🎯 서비스 개발 목적

• 다양한 장르와 공연예술의 대중화
• 사용자 간 정보 공유 및 소통의 플랫폼 제공
• 평균 실종, 키워드 세분화를 통한 N극화 소비자 타겟팅

🏆 수상 내역

• 제 3회 KOPIS 빅데이터 공모전 서비스 개발 부문 최우수상
  인터뷰 바로가기

🎭 서비스 소개: 공연의 시작부터 끝까지, 관람객의 모든 순간을 안내하는 USHER

USHER는 공연의 하우스 어셔에서 영감을 받아,
관람객의 공연 경험 전반(입장~관람~퇴장~후기)까지 친절하게 안내하는 공연 통합 플랫폼입니다.

공연 직전의 설렘부터, 공연 후의 여운까지!
USHER와 함께라면 공연 관람이 더 쉽고, 즐겁고, 풍성해집니다.

---

✨ 차별화 기능

1. 모든 공연 정보 통합
   • 예매처와 관계없이 국내 모든 공연 정보를 한 곳에서 확인할 수 있습니다.
2. 세분화된 검색
   • 가격, 날짜, 장르, 지역, 관람객 반응별 키워드 등 다양한 조건으로 공연을 쉽고 빠르게 찾을 수 있습니다.
3. 친절한 커뮤니티
   • 자유게시판, 후기, 에디터 추천, 질문 게시판 등 다양한 커뮤니티 운영.
   • 신규 관람객도 쉽게 적응할 수 있도록, 불친절한 기존 커뮤니티의 진입장벽을 낮췄습니다.
4. 개인화 서비스
   • 관람 횟수, 커뮤니티 활동 등 다양한 기준으로 등급을 부여하여, 나만의 공연 경험을 쌓을 수 있습니다.
   • 예매처와 무관하게 티켓 번호만 입력하면, 내 공연 달력에 자동으로 공연 정보가 저장됩니다.

---

🖥️ 실행 방법

1. 환경 준비

• Node.js
• npm

2. 설치

npm install

3. 개발 서버 실행

npm run dev

• http://localhost:5173에서 개발 서버가 실행됩니다.

🛠️ 기술 스택

• React 18
• Vite
• Recoil (상태관리)
• Styled-components (스타일링)
• Ant Design, Swiper, Framer Motion 등 UI/UX 라이브러리
• Axios (API 통신)
• ESLint (코드 품질 관리)

---

📁 주요 폴더 구조

Usher-FrontEnd/
├── public/
├── src/
│ ├── api/
│ ├── components/
│ ├── pages/
│ ├── recoil/
│ ├── styles/
│ ├── router.jsx
│ └── main.jsx
├── package.json
├── vite.config.js
└── README.md

---

🙌 USHER와 함께 공연의 모든 순간을 경험하세요!

• 공연 정보 탐색부터, 예매, 관람, 후기, 커뮤니티 활동까지 USHER가 관람객의 여정 전체를 안내합니다.

---

추가 안내

• 배포, 빌드, 환경변수, API 연동, 기여 방법 등 세부 항목이 필요하다면 말씀해 주세요!
• 실제 사용 환경에 따라 포트, 환경변수, 배포 방법 등을 맞춤 안내해드릴 수 있습니다.