codestates/winner-s-record

📝 Intro

[스포츠 대전기록 및 순위조회 서비스]

➤ 자신이 참여한 경기를 기록하고 순위를 확인할 수 있는 서비스가 제공됩니다.
   - 내 전적 기록 및 확인
   - 종목별 순위 조회
   - 상대방과 승부에서 부정할 수 없는 증거를 제시

➤ 자신만의 작은 대회를 개최하여 8강 토너먼트 경기를 이용하실 수 있습니다.

➤ 버리기엔 아깝고, 그냥 두기엔 공간만 차지하는 경기 용품들을 중고 거래할 수 있습니다.

➤ 게시글 내에 거래/경기 위치를 지정할 수 있어, 
  위치를 검색하면 주변에 다양한 경기들과 경기용품들을 손쉽게 확인할 수 있는 서비스입니다.
  

🔧 Techniques

FRONT

BACK

📌 Functions

[유저]

• 회원가입

  • 유효성 검사
  • 웹 로그인
  • 소셜 로그인

• 회원탈퇴

• 로그아웃

[게시글]

• 게시글 작성

  • 거래 / 매치 / 토너먼트

• 게시글 검색

• 게시글 수정

• 게시글 삭제

• 참가자 신청목록

[마이페이지]

• 회원정보 수정

• 작성글 / 관심글 / 참여중인 경기 글 확인

• 최근 경기 기록

• 종목별 랭킹

[좋아요]

• 관심글 추가

• 관심글 삭제

[참가자]

• 참가자 확정

• 참가자 삭제

• 토너먼트 참가 확정시 게시판 제공

[경기기록 / 랭킹]

• 매치 / 토너먼트 작성자 경기 결과 입력

• 종목별 상위 랭킹, 닉네임 검색 기능

[채팅]

• 실시간 채팅 기능

• 채팅방 목록 or 게시글에서 채팅방 입장 / 삭제

💻 Preview

랜딩페이지

메인페이지

토너먼트 진행

마이페이지

1:1 채팅

🗣 Contributors

Name	Position	E-mail
신성훈	🚩 Frontend	✨ [email protected]
엄혜진	🏁 Backend	✨ [email protected]
유대형	🚩 Frontend	✨ [email protected]
이정훈	🏁 Backend	✨ [email protected]

🚦 Link

🖱 Winners-Record

🧐 Need more information?

🔍️ checkout WIKI

winner-s-record's Issues

[Server] 토너먼트 결과 수정

TODO

1. 토너먼트 결과 수정

[Server] 참가자 status 조정

TODO

1. 참가자 status 조정

[Client] Signup Page Styling

TODO

1. 인풋은 플레이스 홀더로 구현
2. 포커스 되는 부분 border 색상 메인컬러
3. 각각의 input 밑에 오류메시지 출력할 공간 확보
4. 활성화 된 버튼 / 안된 버튼 색으로 시각화하기 -> 활성화시 메인컬러

[KTP 회고] 10.21 목요일

Keep (유지할 항목)

• 원활한 진행사항 공유
• 활발한 의견제시

Problem (문제라고 생각하는 항목)

• 사소한지각의 발생

Try (Action Items)

• 예정시간 5분전 대기
• 연계된 기능 구현의 안정성을 위한 정보공유
• 새롭게 추가될 기능을 위한 공부 진행

[Server] 엔트리 신청

TODO

1. 엔트리 신청

[Client] Mobile Navbar

TODO

1. 대회, 랭킹, 홈, 채팅방, 프로필 버튼 구현
2. 폰트 어썸 아이콘 사용

[Server] 회원탈퇴

TODO

1. 회원탈퇴

[Client] Footer Styling

TODO

1. 반응형 구현

[Client] Login Page

TODO

1. 로그인 페이지 틀 구현하기
2. 로고 클릭 시 홈으로 이동 / 뒤로가기 ?
3. 회원가입 클릭 시 회원가입 페이지로 이동
4. 소셜 버튼 클릭 시 해당하는 소셜로 로그인 기능
5. 필수정보 입력 안되어있으면 버튼 비활성화 / 입력하면 활성화
6. 로그인 완료 시 원래 있던 페이지로 리디렉션
7. 로그인 실패 시 확인 메시지 출력

[Client] Desktop Header

TODO

1. 로고 메인으로 리디렉션
2. 대회 버튼
3. 랭킹 버튼
4. 메시지 버튼
5. 프로필 버튼
6. 로그인 버튼
7. 각 버튼 호버 효과

[Setting] 더미데이터 생성

TODO

1. 더미데이터 생성

[SR] DB스키마 디자인

TODO

1. DB스키마 디자인

[Server] 포스트페이지 수정 / 삭제

TODO

1. 포스트 수정
2. 포스트 삭제

[Setting] JWT 함수

TODO

1. JWT 함수 만들기

[Server] 참가자 삭제

TODO

1. 참가자 삭제

[SR] PC화면 와이어프레임

TODO

1. 모바일 UI 디자인 참고해서 PC로 확장해서 와이어프레임 작성
2. 팀원들과 공유하고 피드백

[Client] Login Page Styling

TODO

1. 상단 로고는 이미지 파일
2. input은 placeholder로 구현 -> 입력 시 사라짐
3. focus 시 input의 border bottom 색상 메인컬러로
4. 로그인 실패 메시지는 비밀번호 입력 창 밑으로 붙이기

[Setting] Sequelize Model 생성

TODO

1. Sequelize Model 생성

[Client] Search Bar

TODO

1. 종목 드롭다운
2. 검색 타입 드롭다운
3. 검색 버튼 구현 ( 엔터 눌렀을때도 검색 )
4. 경기 매치 탭 구현
5. 종목, 검색타입, 경기 매치 탭, 검색창 입력값 쿼리로 서버 요청 보내기

[Server] 소셜 로그인 / 로그아웃

TODO

1. 카카오
2. 네이버
3. 구글

[Server] 실시간 채팅 기능

TODO

1. 거래 포스트에서 채팅방 입장 후 실시간 채팅기능 구현

[Client] Main List

TODO

리스트 하나에 필요한 것

1. 게시글 타입 ( 경기 or 거래 )
2. 운동 종목
3. 제목
4. 주소
5. 가격 ( 거래일때 )
6. 좋아요 갯수
7. 사진

• 게시글 추가 버튼 ( 우측 하단 )
• 무한 스크롤

[Server] 회원정보 수정

TODO

1. 비밀번호 검증
2. 회원정보 수정

[Server] 닉네임 랭킹 조회

TODO

1. 닉네임 랭킹 조회

[Setting] 발표준비 및 녹화

TODO

1. PPT 제작
2. 발표 녹화

[Client] Signup Page

TODO

1. 회원가입 페이지 틀 구현
2. 이메일의 형식이 맞는지 유효성 검사
3. 이미 가입된 이메일인지 유효성 검사
4. 2~7자의 한글인지 유효성 검사
5. 비밀번호 형식이 맞는지 유효성 검사
6. 비밀번호 확인이 맞는지 유효성 검사
7. 각 상황별 오류 메시지 출력
8. 유효성 검사 불충족 시 가입 버튼 비활성화
9. 회원가입 완료 시 알림 모달

[Server] 포스트페이지 정보 전달

TODO

1. 거래포스트 데이터 전달
2. 매치 대기/진행 데이터 전달
3. 대회 대기/진행 데이터 전달

[SR] UI / UX 디자인

TODO

1. 컴포넌트 단위로 쪼개서 짜기
2. 팀원들과 공유해서 피드백

[Server] 관심글 삭제

TODO

1. 관심글 삭제

[Server] 토너먼트 결과 확정

TODO

1. Records에 데이터 추가
2. res에 다음 player 보내기

[Server] 포스트 조회

TODO

1. 전체조회
2. 거래만 조회
3. 매치 또는 토너먼트 조회
4. 종목별 조회
5. 제목으로 검색 조회
6. 참가자로 검색 조회
7. 위치로 검색 조회
8. 작성자로 검색 조회
9. 연계검색 처리

[Setting] Sequelize Seed 생성

TODO

1. Sequelize Seed 생성

[Server] 토너먼트 결과 입력

TODO

1. Matches 테이블에 데이터 추가
2. Posts 테이블 status 완료로 변경

[Client] Search Bar Styling

TODO

1. 버튼 폰트 어썸 돋보기 아이콘 사용 및 메인 컬러
2. 경기, 거래 선택했을때 경기는 메인 색, 거래는 서브색
3. 드롭다운 css 신경쓰기
4. 반응형 고려하기

[Server] 채팅 알림 기능

TODO

1. 새로운 채팅 발생 시 알림 기능

[Server] 위치정보 인증

TODO

1. 마이페이지에서 동네 인증 구현

[Server] 주변 유저 검색 기능

TODO

1. 동네인증 기능 기반 주변 유저 검색 기능

[Client] Footer

TODO

1. 서비스 이름, 위키 링크, 팀 깃허브 연결 링크
2. 반응형 구현

[Client] Mobile Header

TODO

1. 로고 넣기
2. 반응형 사이즈 max-width 768px

[Server] 회원가입

TODO

1. 회원가입기능
2. 이메일 고유성 확인
3. 닉네임 고유성 확인

[Server] 관심글 추가

TODO

1. 관심글 추가

[Server] 관심글 조회

TODO

1. 관심글 조회

[Client] Header Styling

TODO

1. 반응형 구현
2. 아이콘 호버시 효과 넣기

[Setting] 배포자동화

TODO

1. 파이프라인 연결

[Server] 매치 결과 입력

TODO

1. Matches 테이블에 데이터 입력
2. Records 테이블에 데이터 입력
3. Posts 테이블 status 완료로 변경

[Setting] AWS 배포

TODO

1. EC2 생성 및 환경설정
2. RDS 생성 및 연결

[Server] 웹 로그인 / 로그아웃

TODO

1. 자체 로그인 기능
2. 로그아웃

[SR] API 디자인

TODO

1. API 디자인

[Server] 종목별 상위 랭킹 조회

TODO

1. 종목별 상위 랭킹 조회

[Setting] S3 버킷 파일 업로드

TODO

1. S3 버킷 파일 업로드