PUZZLE MEET

PUZZLE MEET

2026.07 - 2026.08

프론트엔드 개발

PUZZLE MEET 화면 1
PUZZLE MEET 화면 2
PUZZLE MEET 화면 3
PUZZLE MEET 화면 4
PUZZLE MEET 화면 5
PUZZLE MEET 화면 6
PUZZLE MEET 화면 7

📌 개요

모임을 퍼즐 조각처럼 완성해 나가는 약속 관리 웹 애플리케이션입니다. 초대 코드로 모임방에 참여해 지도에서 약속 장소를 확인하고, 참여자들의 출발·도착 상태를 실시간으로 공유하여 약속이 원활하게 이루어지도록 돕습니다.

🛠 기술 스택

Next.jsTypeScriptTailwindCSSshadcn/uiReact QueryStorybook

👥 팀원 및 역할

조희우

프론트엔드 개발

권소영

디자인

윤나경

프론트엔드 개발

이소정

백엔드 개발

이주빈

디자인

진효창

백엔드 개발

🛠 내가 맡은 역할

🚀 기술 구현 과제

💡 경쟁력 및 차별화

초대 코드로 약속방에 입장하면 참여자들의 출발·도착 상태가 홈 화면 퍼즐로 시각화되어, 단순 일정 공유를 넘어 약속 진행 상황을 한눈에 파악하고 참여 동기를 높이도록 설계했습니다.

📚 배운 점

Storybook 기반 공통 컴포넌트와 디자인 시스템을 구축하고, 약속 생성·입장·출발 설정·퍼즐 조회로 이어지는 핵심 플로우의 UI와 API 연동을 맡았습니다. 여러 차례 디자인 QA를 반영하며 팀 협업에서의 형상 관리와 커뮤니케이션의 중요성을 배웠습니다.

🔗 관련 링크