Personal Project2025.01.11 — 2025.01.12

PPIYO

위치 기반 스터디 모집 플랫폼

Role: 프로젝트 팀장

Overview

구글 삐약톤 해커톤에서 20시간 집중 개발로 완성한 위치 기반 스터디 모집 플랫폼입니다. 카카오 맵 API를 연동하여 스터디원들의 중간 거리를 계산하고 1km 반경 내 추천 장소를 리스트업하는 기능을 구현했습니다. PWA 적용으로 모바일 환경에서도 최적화된 사용성을 제공하며, Storybook을 도입해 디자이너와의 협업 효율을 높였습니다.

Tech Stack

React
TypeScript
Emotion
Framer Motion
PWA
Storybook

Key Highlights

20시간 집중 개발을 통해 MVP를 완성하여 해커톤 기간 내 배포

카카오 맵 API 연동

스터디원 위치 기반 중간 거리 계산 시스템 구현

1km 반경 내 추천 장소 리스트업 기능

Context API를 활용한 유저 위치 상태 관리 최적화

PWA 적용으로 모바일 환경 최적화

Storybook 도입

UI 컴포넌트 문서화 및 재사용성 강화

프로젝트 기획 & 개발 주도

20시간 집중 개발을 통해 MVP를 완성하여 해커톤 기간 내 배포

스프링 백엔드 구조 기반으로 API 설계 & 팀원 간 협업 주도

디자이너와 원활한 협업을 위해 Storybook 도입 → UI 컴포넌트 문서화 및 재사용성 강화

상세페이지 구현

카카오 맵 API 연동

스터디원 위치 기반 중간 거리 계산 시스템 구현

1km 반경 내 추천 장소 리스트업 기능 추가

Context API를 활용하여 유저 위치 상태 관리 최적화

PWA 적용으로 모바일 환경에서도 최적화된 사용성 제공

Links

Screenshots

이미지 추가 예정

이미지 추가 예정