Skip to content

CollectingBox/client

Repository files navigation

프로젝트 소개

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

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

HEARUS-logo

서비스 플로우

1. 수거함 종류 필터링

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

2. 수거함 상세 정보

  • 위치 정보(이름, 주소, 카카오맵 길찾기, 카카오맵 로드뷰), 최근 방문기록, 배출방법 제공
모바일
PC
A-002-01  수거함 정보창

3. 수거함 방문기록

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

4. 검색

  • 구, 동단위 검색
  • 행정동 기준으로 자동완성 지원
모바일 PC
image image

5. 시스템 얼럿

  • 서버오류, 네트워크 연결 안될 시 알림
모바일
PC
B-001-02  네트워크 오류 (1)

기술 스택

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

주요 기여자

FE FE
김나연 김동현

About

우리동네 수거함 위치 찾기

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published