GithubHelp home page GithubHelp logo

connect-foundation / 2019-09 Goto Github PK

View Code? Open in Web Editor NEW
16.0 16.0 4.0 6.87 MB

TryCatch - 레크레이션 게임 "몸으로 말해요"의 온라인 게임 :ok_woman: :information_desk_person: :raising_hand:

JavaScript 98.47% HTML 0.87% CSS 0.66%
docker nginx nodejs react socket-io webrtc

2019-09's People

Contributors

connectfoundation avatar jeonghyeonjo avatar mosball avatar originjang avatar younguna avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar

Forkers

jeonghyeonjo mosball younguna gatsjy

2019-09's Issues

인게임

  • 나가기 버튼을 클릭시 메인으로 이동 구현
    • 나가기 버튼 클릭시 p2p 통신 종료 구현
  • 서버로부터 시간을 받아 카운트 다운 표시하는 기능 구현
  • 서버로부터 출제자선정 여부를 받아와 에러/렌더 기능 구현
  • 서버로부터 출제단어를 받아와 글자수 에러/렌더 기능 구현
  • 서버로부터 채팅메시지를 받아와 에러/렌더 기능 구현
    • 서버로부터 채팅메세지를 받아와 좌측사이드 유저들에게 말풍성 렌더 구현
  • send버튼을 누르면 서버로 채팅메시지를 송신하는 기능 구현
  • 서버로부터 참여자목록을받아 에러/렌더 기능 구현
  • WebRTC를 통해 STUN서버로 요청하여 공인ip와 port번호를 가져오는 기능 구현
  • STUN 서버를 통해 알아낸 정보를 signal 서버로 송신 기능 구현
  • WebRTC를 통해 연결 성사 후, 출제자화면을 표시기능 구현
  • 출제자의 경우, WebRTC를 통해 연결 성사 후, 자신의 화면을 송출하는 기능 구현
  • 인게임페이지 퍼블리싱

메인

  • 게임의 일반적 정보를 유지하는 테이블/모델 구현
  • 게임 플레이시 토큰발급하는 미들웨어 구현
  • 브루트포스 방지 미들웨어 구현
  • 루트진입시 기본 static 서빙 구현

무한스크롤 기능 구현 

- [ ] 스크롤이 하단에 도착하면 다음 10개의 랭킹을 보여준다.
- [ ] more버튼을 누르면 다음 10개의 랭킹을 보여준다.
- [ ] more버튼을 누르면 무한스크롤을 활성화 한다.

인게임

  • p2p 통신 종료 요청 수신시, 종료 기능 구현
  • STUN서버로 요청 수신시, 요청ip와 포트번호 응답 구현
  • 유저메시지가 도착하면 같은 방에 속한 다른 유저들에게 메세지를 송시하는 이벤트 구현
  • 게임시작시 방마다 카운트다운시작 기능 구현
  • 카운트다운 송신 기능 구현
  • TURN서버를 통해 스트리밍 릴레이 기능 구현
  • 출제자 선정 및 응답 기능 구현
  • 사용자 매칭 기능 구현
  • 참여자목록 응답 기능 구현
  • 출제단어 응답 기능 구현

메인

  • 최초진입여부에 따라 Name 입력을 구현
    • 최초진입여부를 cookie를 통해 점검하는 기능 구현
  • play버튼을 누르면 매칭을 요청하는 기능 구현
  • 매칭 요청 후 응답에 따라 이동/에러표시 기능 구현
  • ranking 버튼을 누르면 랭킹페이로 이동하는 기능 구현
  • Name의 길이를 점검하는 기능 구현
  • 메인페이지 퍼브리싱
  • 게임의 일반적 정보를 요청하여 에러/렌더 기능 구현

랭킹 시스템

  • 랭킹 목록 응답 API구현
  • 랭킹을 1주일마다 초기화 하는 예약작업을 구현
  • 게임이 끝날때마다 랭킹테이블 업데이트를 하는 API를 구현
  • 랭킹 테이블/모델을 구현

랭킹 시스템

  • 나가기 버튼을 누르면 메인페이지로 이동한다.
  • 랭킹 데이터를 가져오는 API를 호출하여 state를 변경한다.
  • more버튼을 누르면 다음 10개의 랭킹을 보여준다.
  • more버튼을 누르면 무한스크롤을 활성화 한다.
  • 스크롤이 하단에 도착하면 다음 10개의 랭킹을 보여준다(무한스크롤)
  • 랭킹 시스템 UI를 퍼블리싱한다.

채팅 송수신 기능

  • 정답 체크 기능
    • 순위 측정
  • 비속어 필터링 기능
  • 유사 정답 체크 기능

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.