Giter VIP home page Giter VIP logo

uh's Introduction

UH!?

StartPage

"UH!?"는 온라인 예능 게임 플래폼입니다.

  • 물리적인 이유로 친구들을 쉽게 만나지 못하는 사람들
  • 어색한 분위기 속, 아이스브레이킹이 필요한 사람들
  • 예능 게임을 즐기고 싶은데, 여건이 되지 않는 사람들

에게 추천 드립니다.

기술스택

skills

FE

React axios styled-components tailwindcss zustand openvidu-browser

BE

SpringBoot JDK Python Flask MySQL

아키텍처

Architecture

팀원

Team

특장점

  1. rating system을 통해서, 사용자들에게 유인 요소 추가
  2. 게임 중 아이템(채팅창 막기, 문제 제출 화면 meme으로 대체. 초성 힌트, STT 힌트 ) 사용으로 active한 게임 경험 제공
  3. 사용자들의 의견을 보낼 수 있는 피드백 페이지 제공
  4. 친구 따라가기, 친구 초대를 이용하여, 친구와 교류하면서 게임 이용 가능
  5. 게임에 대한 튜토리얼 제공
  6. 방 생성 후, 대기방에서 정보를 수정할 수 있도록 구현 -> 사용하는 방 안에서 사용자들이 방 정보나 게임 종류를 변경할 수 있도록 구현
  7. My Page을 통하여, 자신의 전적과 게임 등수 확인 가능
  8. 잠금 방 생성을 통하여, 친구들끼리만 할 수 있는 환경 조성
  9. 대기방만 보기, 게임별로 방 보기, 방 제목 검색 기능을 구현하여, 사용자가 원하는 방을 검색할 수 있도록 검색 기능 구현
  10. 빠른 입장을 통하여, 사용자가 빠르게 게임할 수 있는 방에 접근하도록 구현
  11. 고요 속의 외침시, 발화자의 마이크가 자동 음소거로 게임의 몰입력 상승
  12. 대기방에서 방장이 방을 나갈 시, 게임 진행이 계속되도록 방장 넘김 구현
  13. 대기방 내의 악성 사용자 제거를 위해서 강퇴 기능 구현
  14. 인물 맞추기에서 사용자가 정답 입력시, 자동으로 팀 점수 rating system 구현
  15. 게임 후, 승리 팀 축하를 위한, 폭죽 UI 제공
  16. 사용자가 방 정보 변경 시, 자동으로 로비의 방 목록, 대기방의 방 정보 내용 변경

페이지 소개

로그인 & 닉네임

로그인_닉네임

로그아웃 & 회원가입

로그아웃_회원가입

로비 페이지

로비

친구신청 & 친구수락

친구신청_친구수락

방만들기

방만들기

대기방

대기방

강퇴기능

강퇴기능

친구초대

친구초대

게임: 고요속의 외침 설명

고요속의외침_설명

게임 아이템: 화면가리기

아이템_화면가리기

게임 아이템: STT

아이템_STT

게임: 인물맞추기

인물맞추기_설명 인물맞추기

팀변경

팀변경

게임결과

게임결과

랭킹 & 마이페이지

랭킹_마이페이지

uh's People

Contributors

seong-wan avatar shin-3117 avatar hluuy avatar subin22643 avatar jo-dv avatar wondreaming avatar 1ny931228 avatar

Watchers

 avatar

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.