Code Monkey home page Code Monkey logo

cheer-together's Introduction



같이집관 ⚽️

실시간으로 사람들과 같이 스포츠 경기를 응원할 수 있는 화상 서비스

삼성 청년 SW 아카데미 공통 프로젝트 - 우수 프로젝트 🏆
2022.07.11 ~ 2022.08.19

Notion | UCC


서비스 배경 💡

스포츠 경기를 현장에서 직접 응원한 경험이 있나요? 📣
스포츠 경기를 현장에서 직접 관람을 하면, 사람들과 같은 팀을 응원하면서 소속감/유대감을 느낄 수 있어 재밌게 응원할 수 있습니다.
그러나 최근 코로나의 여파, 티켓팅 실패, 시간/거리 상의 이유로 직관을 하기가 어려운 경우가 많았습니다.
이러한 이유로 ‘같이집관’을 서비스하게 되었습니다.


서비스 이름 및 설명 🖥

직접 관람(직관)이 아닌 집에서 관람(”집관”)한다는 특징을 이름에 담았습니다.
또한 여러 사람들과 다같이 응원한다는 의미에서 “같이”를 넣었습니다.

‘같이 집관’은 직관을 가지 못하더라도 화상에서 실시간으로 사람들과 경기 화면을 보면서 응원할 수 있습니다.
또한 현장감과 소속감을 느낄 수 있도록 응원가, 전광판, 실시간 경기 정보, 승부예측 시스템 등도 구현되어 있습니다.



개발 환경 및 기술 스택 🔨

FE

HTML
CSS
JavaScript
Node.js 16.16.0
Vue 3.2.13
Pinia 2.0.14
Vuetify 3.0.0.Beta

BE

Java 8
Spring Boot 2.7.2
Gradle 7.5
JPA 2.7.2
MySQL 8.0.29
Swagger2 3.0.0
Openvidu 2.22

CI/CD

AWS EC2
Ubuntu 20.0.4 LTS
Docker 20.10.17
Jenkins 2.346.2
Nginx 1.23.1
Nginx-rmtp 1.18.0

버전/이슈 관리

Jira
GitLab
Sourcetree

TOOL

Postman
Figma

협업

Cisco Webex Meetings
Mattermost
Notion

IDE

Visual Studio Code
IntelliJ



서비스 구조도 🔍

image



주요 기능 📚

1. 소셜로그인

일반 로그인 및 카카오 로그인이 가능합니다.



2. 응원방

다같이 경기 화면을 보면서 화상으로 응원할 수 있습니다.
방장이 응원가를 재생하면, 참가자들은 실시간으로 해당 응원가를 들을 수 있습니다.



3. 응원방 - 전광판

외부 축구 API를 사용하여 실시간으로 경기중인 경기의 정보를 가져옵니다.
경기 스코어와 골 정보를 확인할 수 있습니다.



4. 응원방 - 승부예측

승부예측 시스템은 경기 시작 전부터 경기 10분까지 예측할 수 있습니다.
보유하고 있는 포인트(공)를 원하는 만큼 원하는 팀에 걸 수 있으며, 경기가 종료되면 결과에 따라 배당만큼 돌려받게됩니다.



5. 응원방 - 강제퇴장

방장은 방의 참가자들을 강퇴시킬 수 있는 권한을 가지고 있습니다.



6. 응원방 - 채팅

방의 모든 참가자들은 채팅 기능을 사용할 수 있습니다.
여기에는 비속어 필터링이 존재하여, 비속어가 섞인 채팅을 보내게 되면 '[삭제된 메세지]' 라고 대체되어 보내집니다.



7. 경기 일정 및 결과

리그별/월별 경기 일정을 제공합니다.
종료된 경기는 경기에 대한 결과를 제공합니다.



8. 경기 일정 - 오늘의 경기

오늘 있을 경기들을 리그별로 제공합니다.



9. 커뮤니티

![커뮤니티 글작성]() 리그별 분류를 가진 커뮤니티가 있습니다.
오른쪽 위에는 최신 스포츠 뉴스를 제공하고 (네이버 뉴스 api), 아래에는 오늘의 경기를 제공합니다.
왼쪽 사이드바 아래에는 명예의 전당(포인트 랭킹)을 제공합니다.



프로젝트 산출물 📝



개발 문화 💁‍♂️

  • 데일리 스크럼을 매일 진행
  • 간단한 회의부터 중요한 회의, 모든것을 노션에 기록하는 습관 📝
  • 의견은 자유롭게!
  • 재밌게, 함께 성장하는 개발하기
  • 머지 리퀘스트 열심히 작성하고 서로 코드 리뷰

스크린샷 2022-10-13 오전 4 03 17

스크린샷 2022-10-13 오전 4 04 08

스크린샷 2022-10-13 오전 4 04 35



팀원 소개 👪



👑 유일권
(Back-End)



🐱 김보연
(Front-End)



🐻 최종수
(Back-End)



🐰 최주희
(Back-End)



🐯 최준혁
(Front-End)



🐹 홍성덕
(Front-End)




cheer-together's People

Contributors

choijoohee213 avatar js0828 avatar hsungduk avatar qulip avatar boyeonk avatar niinp28 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.