온(ON) - Frontend

단순한 채팅이 아니라, 같은 공간에 함께 있다는 존재감으로 학습 동기부여를 받아보세요!

메타버스를 활용한 실시간 학습 공간 서비스입니다. 사용자는 가상 공간에 접속해 방을 생성·입장하고, 실시간 채팅과 사용자 상태를 통해 학습에 몰입할 수 있습니다.

팀원

• 조원희(BE)
• 김종민(FE)
• 김윤서(FE)

기술 스택

• Frontend: Next.js, React, JavaScript
• Real-time: WebSocket, STOMP
• Game / UI: Phaser.js, PixilArt
• State Management: Zustand
• Deployment: Vercel

🔍 프로젝트 개요

• 목표: 온라인 학습 환경에서의 몰입감과 실시간 상호작용 강화
• 핵심 포인트: 실시간 통신, 상태 관리, 가상 공간 UI

✨ 주요 기능

• 회원가입 / 로그인
• 캐릭터 선택
• 가상 공간(방) 생성 및 입장
• 실시간 유저 인원 수 표시
• 실시간 채팅
• 방 나가기
• 코드 기반 방 입장 및 초대 (확장 예정)

🚀 배포 환경

• 개발 환경: develop 브랜치 (Vercel Preview)
• 운영 환경: main 브랜치 (Production)
• 운영 배포 전에는 release 브랜치에서 기능 점검 및 수정 진행

📂 브랜치 전략 & 개발 규칙

운영 안정성을 위해 브랜치를 분리하여 관리합니다.

• develop: 개발용 브랜치
• release: 운영 배포 전 점검용 브랜치
• main: 운영 배포 브랜치

자세한 개발·배포 규칙은
👉 CONTRIBUTING.md를 참고해주세요.