chaerin00 / TAKEUS-FRONT

유기견 해외이동봉사 대상견 매칭 서비스, TAKE US

Home Page:https://www.take-us.kr/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

img

✈️ Project

유기견 해외이동봉사 대상견 매칭 서비스, TAKE US

  • SOPT 28th APPJAM, TAKE US
  • 프로젝트 기간: 2021.06.26 ~ 2021.07.17

📒 기술 스택 및 라이브러리

React
JavaScript ES6
axios
styled-component
react-redux

📂 Directory

src
├── App.jsx
├── assets
│   ├── img
│   └── icon
├── components
│   ├── atoms
│   ├── layer
│   └── index.jsx
├── hooks
├── index.jsx
├── lib
│   └── api
├── pages
├── redux
└── styles
    ├── GlobalStyle.jsx
    └── theme.jsx

💻 Github

💬 Commit Messge Rules

커밋 메시지 태그 모음

아래와 같은 커밋 메세지 태그를 이용하여 [태그: 내용] 형식의 커밋 메세지를 사용합니다.

- feat    : 기능 (새로운 기능)
- fix     : 버그 (버그 수정)
- update  : 코드 (코드 수정, 추가, 보완)
- refactor: 리팩토링
- style   : 스타일 (코드 형식, 세미콜론 추가: 비즈니스 로직에 변경 없음)
- docs    : 문서 (문서 추가, 수정, 삭제)
- test    : 테스트 (테스트 코드 추가, 수정, 삭제: 비즈니스 로직에 변경 없음)
- chore   : 그 외 변경사항 (주석 추가,삭제 등)

Gitflow Workflow

  • dev: 기능들의 통합 브랜치

    • feature 브랜치
  • 기능 개발시 → feat/기능 으로 브랜치를 파서 관리합니다.

  • 풀리퀘스트를 통해 코드 리뷰를 진행합니다. 리뷰어가 2명 이상인 경우에만 merge를 진행합니다.

Main view

img

  • 랜딩 페이지
  • 대상견 검색 및 최신글 확인

이동봉사정보

img

  • 이동봉사 기본 정보 노출

로그인

img

  • 소셜 로그인 기능 구현 (Google, Kakao, Naver)

대상견 찾기

img

  • 등록된 대상견 확인 및 검색

이동봉사 후기

img

  • 이동봉사 후기 확인 및 검색
  • og tag를 이용해 후기 정보 제공

About us

img

  • About TAKE US

내가 쓴 글(이동봉사 모집글)

img

  • 작성한 이동봉사 모집 게시글 확인

내가 쓴 글(이동봉사 후기글)

img

  • 작성한 이동봉사 후기 확인

👩🏻‍💻 Developers

About

유기견 해외이동봉사 대상견 매칭 서비스, TAKE US

https://www.take-us.kr/


Languages

Language:JavaScript 96.8%Language:HTML 2.1%Language:CSS 0.9%Language:TypeScript 0.3%