Skip to content

imddoy/BEAT-Client

 
 

Repository files navigation

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](https://readme.md/)
    design : 사용자 UI 디자인 변경 - ex) CSS
    style : 기능 수정 없는 코드 스타일 변경
    refactor : 코드 리팩터링
    test : 테스트 코드, 리펙토링 테스트 코드 추가
    ci : ci 설정 파일 수정
    perf : 성능 개선
    rename : 파일 혹은 폴더명 변경
    

    Coding Convention

    Team Beat Web의 코딩 컨벤션

    📷 구현 스크린샷

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

    ✒️ 비트 팀 블로그

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

    📁 폴더 구조

    📦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
    

    🎸 비트 아이엠 그라운드 룰

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

    About

    BE AT WHERE YOUR HEART BEATS, BEAT

    Resources

    Stars

    Watchers

    Forks

    Releases

    No releases published

    Packages

    No packages published

    Languages

    • TypeScript 99.2%
    • Other 0.8%