Giter Site home page Giter Site logo

winner-s-record's Issues

[Client] Signup Page Styling

TODO

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

[Client] Main List

TODO

리스트 하나에 필요한 것

  1. 게시글 타입 ( 경기 or 거래 )
  2. 운동 종목
  3. 제목
  4. 주소
  5. 가격 ( 거래일때 )
  6. 좋아요 갯수
  7. 사진
  • 게시글 추가 버튼 ( 우측 하단 )
  • 무한 스크롤

[Client] Login Page

TODO

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

[Server] 매치 결과 입력

TODO

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

[Client] Search Bar

TODO

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

[Client] Desktop Header

TODO

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

[Client] Mobile Navbar

TODO

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

[KTP 회고] 10.21 목요일

Keep (유지할 항목)

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

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

  • 사소한지각의 발생

Try (Action Items)

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

[Client] Search Bar Styling

TODO

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

[Client] Footer

TODO

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

[Client] Signup Page

TODO

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

[Client] Login Page Styling

TODO

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

[Server] 포스트 조회

TODO

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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.