💳 wanted-codestates-project-4-1

Github API를 이용하여 등록한 Repository의 issue를 모아 보는 뷰어입니다.

팀원들 모두가 조금이라도 더 많은 부분을 공부해보고 싶다는 의지가 있어 팀 내 에서 다시 두 팀으로 나누어 같은 프로젝트를 진행하였습니다.

💳  과제 확인하러 가기

💳 View

💳 Implement

Stack

Javascript React Recoil Styled-Components

Features

• Repository 검색창 구현
• 검색 시 Loading UI 구현
• Repository 등록 구현
• Repository 등록을 최대 4개로 제한
• 중복된 Repository 등록 제한
• 등록한 Repository issue를 모아 볼 수 있는 뷰어 구현
• 등록한 Repository 삭제 구현
• Pagenation 구현

💳 Directory

├── public/
├── src/
│   ├── components/                   - page components
│   ├── hooks/                        - custom hook(toggle, input)
│   ├── recoil/                       - state 저장 및 관리
│   └── pages/                        - main page
│
├── App.js                            - 분리한 page components를 randering
├── index.js                          - entry point
├── README.md                         - 리드미(프리뷰, 배포링크, 코드컨벤션)
└── package.json                      - 사용 package 목록

💳 Code Convention

Getting Started

1. clone the repository,

$ git clone "https://github.com/wanted-Team4/payhere.git"

2. Install dependencies,

$ npm install

3. Setting prettier,

$ npx prettier --write .

4. start the project,

$ npm start

Commit Emoji

emoji	commit message	when to use it
🎉	Start	프로젝트 시작
✨	Feat	새로운 기능 추가
🐛	Fix	버그 수정
♻️	Refactor	코드 리팩터링
💄	Style	스타일 추가 및 업데이트
📦	Chore	패키지 추가 및 업데이트
📚	Docs	그 외 문서 추가 및 업데이트