README.md

프로젝트 소개

• [2024 서울 열린데이터광장 공공데이터 활용 창업경진대회] 출품작
• 서울시의 폐의류, 폐형광등/폐건전지, 폐의약품, 쓰레기통 위치 정보를 제공하고 방문 기록을 남길 수 있는 서비스

서비스 링크: https://woosuham.site/

서비스 플로우

1. 수거함 종류 필터링

• 카테고리 버튼 선택시 지도 위에 마커 색상으로 구분하여 위치 표시
• 필터링을 모두 끄려고 할 시 또는 데이터가 없을 때 토스트 메시지

모바일	PC

2. 수거함 상세 정보

• 위치 정보(이름, 주소, 카카오맵 길찾기, 카카오맵 로드뷰), 최근 방문기록, 배출방법 제공

모바일

PC

3. 수거함 방문기록

• 정보의 신뢰도를 확인하기 위해 방문시 수거함의 존재여부 등록 가능

모바일

PC

4. 검색

• 구, 동단위 검색
• 행정동 기준으로 자동완성 지원

모바일	PC

5. 시스템 얼럿

• 서버오류, 네트워크 연결 안될 시 알림

모바일

PC

기술 스택

언어	프레임워크	CSS	상태관리(client)	상태관리(server)	배포	CI/CD
TypeScript	Next.js	Tailwind CSS	Zustand	Tanstack React Query	Vercel	Github Actions

주요 기여자

FE	FE
김나연	김동현