해우소(HaeWooSo)
🔗깃헙 링크HAEWOOSO DEVELOP
📌 프로젝트 개요
해우소는 사용자의 GPS 위치와 지도 API를 이용하여 주변 공중화장실을 표시해주는 웹사이트입니다.
이 프로젝트는 사용자가 편리하게 공중화장실을 찾을 수 있도록 돕기 위해 개발되었습니다.
사용자는 근처 공중 화장실을 찾고 즐겨찾기, 리뷰 작성하기 등의 작업을 할 수 있습니다.
📌 기술 스택 및 툴
Language - TypeScript
- Python (공공 데이터 크롤링 / 백엔)
Frontend - React 18
- react-router-dom
- styled-components
- Axios
Backend / API - Django
- MySQL
Infra & Tool - Vercel, Github
- Figma
- ESLint
📌 참여 인원 | 제작 기간 mer’made팀(4명)
2024.08 ~ 2024.09
📌 주요 기능
- GPS 위치 탐색(사용자의 현재 위치를 자동으로 탐지하여 지도에 표시)
- 공중화장실 표시(사용자의 위치를 기준으로 가까운 공중화장실을 지도 위에 마커로 표시)
- 검색 기능(특정 위치를 입력하면 해당 위치 주변의 공중화장실을 검색할 수 있다)
- 로그인 / 회원 가입
- 화장실 북마크 및 리뷰 남기기
📌 주요 업무- 서비스 기획
- 디자인(BI, UI)
- 프론트엔드 개발
📌 업무 세부사항
- 서비스 유저플로우, 아이덴티티, UI 디자인 작업
- 검색창 , 검색창 드롭다운 제작
📌 문제점 & 코드 스플릿
📌페이지 디자인
HAEWOOSO DESIGN