Glitter Kanban Board (실시간 동기화)

프로젝트 소개

Glitter Kanban Board는 팀과 개인이 작업 흐름을 관리할 수 있도록 설계된 협업 도구입니다

단일 Laravel 애플리케이션 기반에서 API, 서비스 레이어, WebSocket 기반 실시간 동기화를 통합한 구조로 구성되어 있습니다.

별도의 프론트엔드 프레임워크 없이도 Livewire + Reverb 조합으로 상태 일관성과 실시간 협업을 동시에 해결하는 것을 목표로 합니다.

주요 기능

• 실시간 보드 동기화
  Laravel Reverb 기반 WebSocket을 통해 카드 이동, 수정, 댓글 등의 이벤트가 즉시 전파되며 동일 보드에 접속한 클라이언트 간 상태가 지연 없이 동기화됩니다..

• 칸반 기반 작업 흐름 관리
  컬럼과 카드 단위로 작업을 구성하고 드래그 앤 드롭으로 상태를 이동할 수 있습니다.

• 협업 중심 구조
  보드 단위로 멤버를 구성하고 Owner / Editor / Viewer 역할 기반으로 접근을 제어하며, 보드 단위 협업 환경에서 작업 수정 범위를 명확히 분리합니다.

• 활동 및 알림 기록
  작업 변경 이력과 알림을 통해 흐름을 추적할 수 있습니다.

• 확장 가능한 데이터 구조
  실험(Experiment), 이벤트 분석, 사용자 행동 데이터 수집 구조를 포함합니다.

기술 스택

• Backend: PHP 8.3, Laravel 12.x
• Frontend: Blade, Alpine.js, Vite, Tailwind CSS, SortableJS
• Realtime: Laravel Echo + Reverb (Pusher protocol WebSocket)
• Database: MySQL (기본), Eloquent ORM
• Queue / Cache / Session: Database 기반 (환경에 따라 Redis 확장 가능)

WebSocket 테스트

wscat -c "wss://reverb-ws.glitter.tw/app/xi8cgvcxkjpn6r3rrxir"

아키텍처 개요

이 프로젝트는 마이크로서비스가 아닌 모듈형 모놀리식 구조를 채택하고 있으며 단일 코드베이스 내에서 도메인 단위로 책임을 분리해 확장성과 유지보수성을 확보하는 것을 목표로 합니다.