/frontend

리워드 기반 시민 참여형 빗물받이 신고 및 해결 서비스 | 🏆 2023 서울 우먼테크 해커톤 최우수상

Primary LanguageTypeScript


두데이

리워드 기반 시민 참여형 빗물받이 신고 및 해결 서비스

🏆 2023 서울 우먼테크 해커톤 최우수상(2등)

소개주요 기능기술 스택프로젝트 구조

image image image

소개

2023 서울 우먼테크 해커톤 안전한 도시 1팀 화이트의 프론트엔드 레포지토리

  • 개발 기간: 2023.07 ~ 2023.08 (3주)

김수진


김희현

주요 기능

신고

  • 신고하기: 현재 위치를 지도에서 선택, 빗물받이와 주변 건물 이미지 첨부, 위치 설명 작성
  • 신고 목록: 해결이 필요한 신고 목록
  • 신고 상세보기

해결

  • 해결하기: 직접 해결하고 싶은 신고 상세보기에서 해결하기 신청
  • 보고하기: 해결을 완료하고 사진을 첨부하거나 허위 신고 보고

회원

  • 회원가입
  • 로그인
  • 마이페이지
    • 나의 신고 목록
    • 나의 해결 목록
    • 리워드 내역
    • 리워드 전환하기

관리자

  • 신고 목록
  • 신고 상세보기
    • 신고 승인 및 반려
  • 해결 목록
  • 해결 상세보기
    • 해결 승인 및 반려

기술 스택

개발

typescript Next js Tanstack Query Axios Emotion React Icons

ESLint Prettier npm Git Visual Studio Code

협업

GitHub Notion discord Figma

프로젝트 구조

image

/
├── api         # API 요청 함수
├── components  # 컴포넌트 및 스타일
├── constants   # 상수
├── contexts    # Context API
├── hoc         # HOC
├── hooks       # Custom Hooks
├── pages       # Next.js 페이지
├── public      # 정적 파일
├── styles      # 글로벌 스타일
├── types       # 타입 정의
└── utils       # 유틸 함수