Skip to content

세종 창의학기제 - 프로젝트 수행을 위한 협업 웹서비스

Notifications You must be signed in to change notification settings

judahhh/Waffle-FrontEnd

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🧇 Waffle(프로젝트 수행을 위한 협업 웹서비스)

프로젝트 관리를 위한 협업 웹서비스로 다음의 목표로 개발하게 되었습니다.

  • 팀원들 간 소통 기능 확대 및 편리한 기능 제공
  • 프로젝트시 일정 관리, 진행 사항 관리 편의성 향상
  • 팀 프로젝트시 생기는 부담감 해소

Description

프로젝트 수행을 위한 협업 웹서비스로, 실시간 채팅, 화상채팅, 그룹, 룸 생성, 게시판 기능, 프로필 기능 등을 제공합니다.
평소에 자주 사용하던 프로젝트 협업 공간을 다른 컨셉으로 다시 개발해보는 성취를 경험하였습니다.

📝 상세

Waffle?

  • 와플 기계로 찍어먹으면 무엇이든 맛있고 성공하듯이 우리의 서비스를 이용하면 어떠한 프로젝트라도 성공할 수 있다는 의미
  • "이리와 플젝할래?"의 줄임말

개발 기간

  • 2023.02 ~ 2023.07

개발 인원

  • 3명(프론트 1명, 백 2명)

시연영상

https://www.youtube.com/watch?v=53iTT8urirE&t=5s

📸 Waffle의 주요 기능

회원가입 및 로그인

image

캘린더

image

그룹

image

image

DM 및 화상채팅

image

프로필

image

🛠 FrontEnd Stacks

Language
Library          
Package  
Formatter    
Tools        
IDE  

Flow

image

기술

  • WebRTC(Openvidu) -- 웹 상에서 유연하게 실시간 화상채팅을 가능하게 하는 플랫폼 -- 화상채팅 버튼을 누르면 채팅방 내의 사용자들이 모두 같은 화상채팅방으로 접속되도록 함 -- 카메라, 마이크 사용 가능
  • WebSocket, STOMP -- 실시간 통신이 가능하도록 하는 웹소켓 통신, 메시지 전송을 쉽게 하는 STOMP(Simple Text Oriented Messaging Protocol) -- publisher-subscriber 방식을 이용하여 연결하고 통신 -- 최대 6명까지 입장 가능
  • Redis -- Spring Security, JWT를 이용하여 인증 구현, 사용자 로그아웃시 토큰을 만료되도록 하여 다시 인증 불가하도록 구현

화면 설계서

image

최종 테스트 케이스

image image

💁‍♀️ Members

백엔드 백엔드 프론트엔드
�최호경 전서현 주다현


About

세종 창의학기제 - 프로젝트 수행을 위한 협업 웹서비스

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 98.2%
  • HTML 1.1%
  • CSS 0.7%