왜 만들었나
상태 보고서는 티켓 언어로 제품을 설명하는데, 이해관계자가 보는 건 언제나 화면뿐이었어요. StateBoard는 그걸 뒤집어요. 스크린샷이 곧 보고서가 되죠. UI 위에 상자를 그리고, 무엇이 진짜이고 무엇이 목업인지 태그하고, 링크 하나만 공유하세요.
프로젝트 소개
StateBoard는 티켓 백로그가 아니라 UI 그 자체를 중심으로 제품 상태를 보고해요. 스크린샷을 올리고, 영역마다 상자를 그린 다음 각각을 Shipped, Mock, Missing으로 태그하세요. 읽기 전용 링크 하나만 공유하면, 이해관계자는 무엇이 진짜이고 무엇이 아직 자리표시자인지 정확히 보게 돼요. 별도 상태 문서는 필요 없어요.
기능
화면 영역을 Shipped, Mock, Missing으로 태그
이해관계자를 위한 읽기 전용 링크 하나
역할 기반 협업 (소유자, 편집자, 뷰어)
OIDC / Keycloak 인증
셀프 호스팅, Postgres 기반, 에어갭 환경 지원
Tech Stack
Next.js 16
React 19
TypeScript
Material UI 7
PostgreSQL
Better Auth