2025.01.11 — 2025.01.12개인 프로젝트
PPIYO
위치 기반 스터디 모집 플랫폼
- 맡은 일
- 프로젝트 팀장
- 기간
- 2025.01.11 — 2025.01.12
- 소속
- Google 삐약톤 해커톤
구글 삐약톤 해커톤에서 20시간 동안 팀과 함께 만든 위치 기반 스터디 모집 플랫폼입니다. 카카오 맵 API를 연동해 스터디원들의 중간 거리를 계산하고, 1km 반경 안의 추천 장소를 보여 주는 기능을 구현했습니다.
PWA를 적용해 모바일에서도 쓰기 편하게 했고, 디자이너와 같은 화면을 보며 맞추기 위해 Storybook을 도입했습니다. 해커톤 기간 안에 배포까지 마쳤습니다.
핵심
- 01
20시간 안에 팀과 MVP를 완성해 해커톤 기간 내 배포
- 02
카카오 맵 API 연동
스터디원 위치 기반 중간 거리 계산 구현
- 03
1km 반경 내 추천 장소 리스트업
- 04
Context API로 유저 위치 상태 관리
나머지 2개 더 보기접기
- 05
PWA 적용
모바일에서도 앱처럼 사용
- 06
Storybook 도입
디자이너와 협업하기 위한 UI 컴포넌트 문서화와 재사용
자세히
궁금한 항목을 펼치면 그때 무엇이 문제였고 어떻게 판단했는지 나옵니다.
20시간 안에 팀과 MVP를 완성해 해커톤 기간 내 배포
스프링 백엔드 구조에 맞춰 API를 함께 설계하고 팀원 간 작업을 조율
디자이너와 같은 화면을 보며 맞추기 위해 Storybook 도입
UI 컴포넌트 문서화와 재사용
카카오 맵 API 연동
스터디원 위치 기반 중간 거리 계산 구현
1km 반경 내 추천 장소 리스트업 기능 추가
Context API로 유저 위치 상태 관리
PWA 적용으로 모바일에서도 쓰기 편하게 함
쓴 기술
ReactTypeScriptReduxAxiosFramer MotionPWANetlify