1. 서비스 한 줄 소개 💻

 "실시간 화상채팅서비스"

Stomp, WebRTC, WebSocket을 활용한 실시간 화상 채팅 서비스

2. 관련 링크 🔗

• FigJam 링크
• Figma 링크

---

Frontend

3. 팀원소개 👨‍👨‍👧‍👦

김규회	이수현	조동필
Frontend	Frontend	Frontend

4. 기술스택 🔧

Frontend

5. 서비스 설명 📌

회원가입

로그인

채팅방 리스트

채팅방 관리 리스트

화상 채팅

채팅

실시간 온오프라인

6. 아키텍쳐

6.1 프론트 폴더구조

• Custom-Hook Pattern

6.2 라이브러리

"@emotion/react": "^11.11.3",
"@emotion/styled": "^11.11.0",
"@mui/material": "^5.15.10",
"@stomp/stompjs": "^7.0.0",
"@tanstack/react-query": "^5.20.5",
"@tanstack/react-query-devtools": "^5.20.5",
"axios": "^1.6.7",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-icon": "^1.0.0",
"react-icons": "^5.0.1",
"react-router-dom": "^6.22.0",
"react-toastify": "^10.0.4",
"simple-peer": "^9.11.1",
"zustand": "^4.5.0"