펫모

지역기반 반려동물 커뮤니티 펫모입니다.

프로젝트 실행

npm i
npm run dev

WIKI

프로젝트의 정보는 WIKI에서 확인하실 수 있습니다.

• Git
• 유저스토리
• 유저플로우

디자인 시스템

컴포넌트 문서화를 위해 디자인 시스템을 개발 중입니다.

• 디자인 시스템 프로젝트 저장소
• 디자인 시스템 문서
• 디자인 시스템 npm 라이브러리 배포

디렉토리 구조

└─ src
  ├─ api              - 서버 연결 api 함수 관련 디렉토리
  ├─ components        - 컴포넌트 관련 디렉토리
  ├─ constants         - 상수를 모아둔 디렉토리
  ├─ hooks             - 커스텀 훅을 모아둔 컴포넌트
  ├─ mocks             - mock api 관련 디렉토리
  ├─ pages             - 페이지 컴포넌트 디렉토리
  ├─ store             - 데이터 가공, 상태 관련 디렉토리
  ├─ styled            - styled-component로 선언한 컴포넌트 관련 디렉토리
  ├─ util              - 유틸 함수 관련 디렉토리
  ├─ App.js
  ├─ index.js
  └─ ...

사용 기술

클라이언트

• react
• recoil
• styled-components
• mui
• msw
• prop-types
• axios

디자인 시스템

• react
• typescript
• storybook
• netlify
• npm