BEAT

간편하게 소규모 공연을 등록하고 관리할 수 있는 티켓 예매 플랫폼

💓 핵심 기능

공연 등록하기

공연 예매하기

공연 관리하기

예매 조회하기

👥 Team

🐱정도영	🎧김채현	🐶공준혁	🎱윤신지
예매하기 뷰	공연 등록하기 뷰	공연 관리하기 뷰	메인, 예매내역 조회 뷰

🛠 기술스택

- React + TypeScript
- yarn berry
- styled-component
- prettier, ESlint, StyleLint
- jotai
- React-query
- Storybook
- SonarCloud

📄 컨벤션 및 브랜치 전략

Git Branch

- main (배포용)
- develop (개발용)
- feat/#issue/기능명 (작업용)

Commit Convention

Commit Message 👉 기능 키워드: 커밋 내용

feat : 새로운 기능 추가
fix : 버그 수정
chore : 빌드 업무, 패키지 매니저, 라이브러리, dependencies 설정
docs : 문서 수정 - ex) [README.md](http://readme.md/)
design : 사용자 UI 디자인 변경 - ex) CSS
style : 기능 수정 없는 코드 스타일 변경
refactor : 코드 리팩터링
test : 테스트 코드, 리펙토링 테스트 코드 추가
ci : ci 설정 파일 수정
perf : 성능 개선
rename : 파일 혹은 폴더명 변경

Coding Convention

Team Beat Web의 코딩 컨벤션

📷 구현 스크린샷

뷰	1	2	3	4
예매하기
등록하기
관리하기
메인/조회하기

✒️ 비트 팀 블로그

티팔놈들의 블로그 보러가기

📁 폴더 구조

📦src
 ┣ 📂apis
 ┃ ┣ 📂domains
 ┃ ┃ ┣ 📂bookings
 ┃ ┃ ┣ 📂files
 ┃ ┃ ┣ 📂home
 ┃ ┃ ┣ 📂performance
 ┃ ┃ ┣ 📂performances
 ┃ ┃ ┣ 📂register
 ┃ ┃ ┣ 📂tickets
 ┃ ┃ ┗ 📂users
 ┃ ┣ 📂kakoLogin
 ┃ ┗ 📜index.ts
 ┣ 📂assets
 ┃ ┣ 📂images
 ┃ ┣ 📂lottie
 ┃ ┗ 📂svgs
 ┣ 📂components
 ┃ ┣ 📂commons
 ┃ ┃ ┣ 📂bank
 ┃ ┃ ┃ ┣ 📂bottomSheet
 ┃ ┃ ┣ 📂bottomSheet
 ┃ ┃ ┃ ┣ 📂actionsBottomSheet
 ┃ ┃ ┃ ┃ ┣ 📂phoneNumber
 ┃ ┃ ┃ ┣ 📂viewBottomSheet
 ┃ ┃ ┣ 📂button
 ┃ ┃ ┣ 📂chip
 ┃ ┃ ┣ 📂contextBox
 ┃ ┃ ┣ 📂hamburger
 ┃ ┃ ┣ 📂input
 ┃ ┃ ┃ ┣ 📂textArea
 ┃ ┃ ┃ ┗ 📂textField
 ┃ ┃ ┣ 📂label
 ┃ ┃ ┣ 📂loading
 ┃ ┃ ┣ 📂modal
 ┃ ┃ ┃ ┣ 📂components
 ┃ ┃ ┣ 📂navigation
 ┃ ┃ ┣ 📂scrollToTop
 ┃ ┃ ┣ 📂spacing
 ┃ ┃ ┣ 📂stepper
 ┃ ┃ ┣ 📂timepicker
 ┃ ┃ ┗ 📂toast
 ┃ ┗ 📂layout
 ┣ 📂constants
 ┣ 📂hooks
 ┣ 📂pages
 ┃ ┣ 📂book
 ┃ ┃ ┣ 📂components
 ┃ ┃ ┃ ┣ 📂bookerInfo
 ┃ ┃ ┃ ┣ 📂complete
 ┃ ┃ ┃ ┣ 📂count
 ┃ ┃ ┃ ┣ 📂easyPassEntry
 ┃ ┃ ┃ ┣ 📂freeBook
 ┃ ┃ ┃ ┣ 📂info
 ┃ ┃ ┃ ┣ 📂paidBook
 ┃ ┃ ┃ ┣ 📂select
 ┃ ┃ ┃ ┗ 📂termCheck
 ┃ ┃ ┣ 📂constants
 ┃ ┃ ┣ 📂typings
 ┃ ┃ ┣ 📂utils
 ┃ ┣ 📂gig
 ┃ ┃ ┣ 📂components
 ┃ ┃ ┃ ┣ 📂content
 ┃ ┃ ┃ ┣ 📂iconText
 ┃ ┃ ┃ ┣ 📂makerIntroduce
 ┃ ┃ ┃ ┣ 📂peopleCard
 ┃ ┃ ┃ ┣ 📂performanceIntroduce
 ┃ ┃ ┃ ┣ 📂showInfo
 ┃ ┃ ┃ ┣ 📂showType
 ┃ ┃ ┃ ┗ 📂tabBar
 ┃ ┃ ┣ 📂constants
 ┃ ┃ ┣ 📂utils
 ┃ ┣ 📂kakaoLogin
 ┃ ┣ 📂lookup
 ┃ ┃ ┣ 📂components
 ┃ ┃ ┃ ┣ 📂nonExistent
 ┃ ┃ ┣ 📂types
 ┃ ┣ 📂main
 ┃ ┃ ┣ 📂components
 ┃ ┃ ┃ ┣ 📂carousel
 ┃ ┃ ┃ ┣ 📂chips
 ┃ ┃ ┃ ┣ 📂floating
 ┃ ┃ ┃ ┣ 📂footer
 ┃ ┃ ┃ ┣ 📂mainNavigation
 ┃ ┃ ┃ ┗ 📂performance
 ┃ ┃ ┣ 📂constants
 ┃ ┣ 📂manage
 ┃ ┣ 📂modalTest
 ┃ ┣ 📂modifyManage
 ┃ ┃ ┣ 📂components
 ┃ ┃ ┣ 📂constants
 ┃ ┃ ┣ 📂typings
 ┃ ┃ ┣ 📂utils
 ┃ ┣ 📂MyRegisterdShow
 ┃ ┃ ┣ 📂components
 ┃ ┃ ┃ ┗ 📂registeredcard
 ┃ ┃ ┣ 📂constants
 ┃ ┣ 📂nonMbLookup
 ┃ ┃ ┣ 📂components
 ┃ ┣ 📂register
 ┃ ┃ ┣ 📂components
 ┃ ┃ ┣ 📂constants
 ┃ ┃ ┣ 📂typings
 ┃ ┃ ┣ 📂utils
 ┃ ┣ 📂ticketholderlist
 ┃ ┃ ┣ 📂components
 ┃ ┃ ┃ ┣ 📂banner
 ┃ ┃ ┃ ┣ 📂managercard
 ┃ ┃ ┃ ┣ 📂narrowDropDown
 ┃ ┃ ┃ ┗ 📂selectIcon
 ┃ ┃ ┣ 📂constants
 ┣ 📂routes
 ┣ 📂stores
 ┣ 📂styles
 ┃ ┣ 📂fonts
 ┣ 📂typings
 ┃ ┣ 📂api
 ┃ ┃ ┗ 📂schema
 ┣ 📂utils
 ┣ 📜App.css
 ┣ 📜App.tsx
 ┣ 📜main.tsx

🎸 비트 아이엠 그라운드 룰

✅ 우울하지 말고 우웅하기
✅ 서로 칭찬하고 굿 ~~ 해주기
✅ 자기가 오늘 할일을 시작하기 전에 리뷰먼저!
✅ 화이팅하자 ㅋㅋ