프로젝트

피카츙⚡️

팀 소개

• 팀명
  • 이쿠조
• 팀원
  • 박성환(팀장), 한상권, 한재창, 손유진, 김성민

우리의 목표

• 오픈API 문서를 보고 적절하게 활용할 수 있다.
• React UI 구현을 할 수 있다.
• 프로젝트를 통하여 Typescript를 다룰 수 있다.
• Git, Github 활용을 익힌다.

프로젝트 소개

• 프로젝트 개요
  • 프로젝트명
    • 피카츙 → 피카츄 + 충전소 의 합성어

프로젝트 목적

• 전기차 충전소 위치 제공 및 전기차 커뮤니티 제공

주요 기능

• 사용자들에게 전기자동차 충전소 위치를 제공한다.
• 각 충전소에 후기를 남길수 있어 사용자들이
• 전기차 브랜드 별 커뮤니티를 제공한다.(추가기능)

Wireframe

이쿠조

메인페이지

검색페이지

마이페이지

로그인 모달창

지도

기술 스택

• Client
  • React
  • Javascript
  • React Query (useQuery, useMutation)
  • Redux toolkit
  • Typescript
• 스타일링
  • Styled component
  • react-icon
  • react-modal
• Server & DB

  • Firebase Firestore

  • Firebase Auth

  • Firebase Storage

  • Open API

    한국환경공단_전기자동차 충전소 정보

프로젝트 구조

DB설계

// 후기

{
	nickname: firebase.auth.displayName,
	content: "string",
	date: Date.now(),
	uid: "string"
	score:"number"
}

// firebase auth - currentUser

{
	displayName:"string"
	email: "string",
	photoURL: uri
}

Ground rule

• 식사시간
  • 점심: 13:00 ~ 14:00
  • 저녁: 18:00 ~ 19:00
• 코드 컨벤션에 따라 개발
• GIT flow 방식에 따라 개발