| 일반 계정 | |
|---|---|
| ID | testid3 |
| PW | test123! |
| 관리자 계정 | |
|---|---|
| ID | testid123 |
| PW | Testpass1! |
| 도현수 (팀장) | 노경민 |
|---|---|
 |
 |
| @dohyeons | @devminoh |
| 김지효 (BE 팀장) |
|---|
 |
| @zirryo |
| Front-end | Back-end |
|---|---|
| JavaScript, Typescript | JAVA 17 |
| React | Spring Sercurity |
| Vite | Spring boot |
| TailwindCSS | Spring JPA |
| mui | Spring web |
| zustand | Redis |
| Tanstack query | MySQL |
| axios | Gradle |
| react-hook-form | AWS(EC2, RDS) |
| react-modal | |
| react-naver-maps | |
| sweetalert2 | |
| zod |
방문 시 처음으로 접근하는 페이지입니다. 현재 가장 있기있는 경기와 주간 경기들을 확인하고 로그인 후 예매페이지로 이동할 수 있습니다. 헤더를 통해 종목별 경기 조회 페이지로 이동할 수 있고, 로그인 및 회원가입을 할 수 있습니다.
주간 경기에서 현재 날씨를 아이콘으로 확인할 수 있습니다.
종목별로 경기를 조회하는 페이지입니다. 종목별 전체 경기를 조회하고 예매페이지로 이동할 수 있습니다. 마이팀 버튼을 눌러 내가 좋아하는 팀에 추가할 수 있습니다.
팀 별 페이지에서 팀의 홈구장 위치를 확인할 수 있습니다.
 |
 |
 |
좌석을 선택하고 경기를 예매합니다. 다른 유저가 좌석을 선점했을 경우 좌석을 선택할 수 없어 예매가 불가능합니다. 예매한 좌석은 마이페이지의 예매한 티켓에서 확인 가능합니다. 예매 시 같은 구역의 좌석만 예매가 가능합니다.
로그인 후 아이콘을 누르면 렌더링되는 팝업을 통해 이동할 수 있습니다.
회원의 전화번호와 비밀번호를 수정할 수 있습니다. 전화번호 변경 시 중복검사가 이루어집니다. 회원 탈퇴 페이지에서 현재 비밀번호와 탈퇴 사유를 입력 후 회원 탈퇴를 할 수 있습니다.
 |
|
예매한 내역을 확인하고 예매를 취소할 수 있습니다. 경기 시작 전까지 취소가 가능합니다. 취소 내역은 탭을 통해 페이지를 이동해 확인할 수 있습니다.
내가 좋아요 한 팀을 확인하고, 좋아요를 취소할 수 있습니다.
등록된 경기를 조회해서 경기 정보를 확인하고 경기를 삭제 및 수정할 수 있습니다.
새로운 경기를 등록하거나 이미 있는 경기를 수정할 수 있습니다.
경기 종목(야구, 축구, 배구, 농구) 및 경기일, 경기 시작 시간과 장소, 홈팀, 어웨이팀을 선택해 경기를 만들 수 있고 선택한 종목에 따라서 장소, 홈팀, 어웨이 팀이 바뀝니다.
