Mancity

Mancity는 드론 경기 영상을 분석해 경기 기록, 하이라이트, 다시보기, 전술보드를 제공한 풋살 분석 서비스입니다. 저는 화면 전반의 프론트엔드 구조와 경기 관련 주요 인터페이스를 구현했습니다.

프로젝트 초반에는 Atomic Design Pattern과 Storybook으로 컴포넌트 체계를 먼저 정리했습니다. 이후 매치 목록, 상세, 등록, 수정, 다시보기, 경기 통계 같은 화면을 같은 규칙 위에서 빠르게 확장할 수 있었습니다.

전술보드는 Draggable과 Zustand를 활용해 직접 조작할 수 있게 만들었고, 마이페이지와 회원 API, 팔로우·팔로잉 흐름도 함께 담당했습니다.