Skip to content

boostcamp-2020/IssueTracker-34

Repository files navigation

🏷️ IssueTracker-34

부스트캠프 3주 그룹프로젝트


🙆‍♂️ 팀원

J064 류남광 J169 임기봉 J171 임채욱 J211 탁성건
img img img img
ISFJ ISFP ISFJ ISFJ

❤️ 프로젝트 소개

로그인 페이지

  • github 로그인을 제공합니다.
  • 이외의 별도의 로그인 수단은 존재하지 않습니다.

스크린샷 2020-12-23 오후 8 30 51

메인 페이지

  • 현재 생성된 이슈 목록을 볼 수 있는 페이지입니다.
  • logout, 새로운 이슈 생성, 라벨 관리(생성, 수정, 삭제), 이슈 필터, 이슈 상세페이지로 이동하는 기능을 제공합니다.
  • 이슈 제목을 클릭하면 이슈 상세 페이지로 이동합니다.

스크린샷 2020-12-23 오후 8 31 10

이슈 필터

  • 보달창이 뜨는 것 외에는 기능이 없습니다.
  • 창 외부를 클릭하면 창이 닫힙니다.
  • 본래 목적은 선택한 버튼에 따라 검색 결과를 보여줘야하지만 모달창만 구현되었습니다.

스크린샷 2020-12-23 오후 8 31 22

Author, Label, Milestone, Assignee

  • 작성자, 라벨, 작업자에 따른 필터를 이슈목록에 적용 할 수 있는 기능을 제공합니다.
  • 선택한 결과에 따라 해당 이슈들이 목록으로 나타납니다.

스크린샷 2020-12-23 오후 8 32 00

이슈 생성 페이지

  • 새로운 이슈를 생성할 수 있습니다.
  • 이슈 제목을 작성해야만 생성 버튼이 활성화 됩니다.
  • 이슈 본문에서 내용 작성을 그만둔 후 3초 후에 현재 작성한 글자 수를 잠시 보여줍니다.
  • assignees를 지정할 수 있습니다.
  • labels를 지정할 수 있습니다.
  • 이슈 생성을 취소하면 메인 페이지으로 돌아갑니다.

스크린샷 2020-12-23 오후 8 32 35

이슈 상세 페이지

  • 이슈 제목을 수정 할 수 있습니다.
  • assignees를 지정 할 수 있습니다.
  • labels를 지정 할 수 있습니다.
  • 이슈를 open, close 할 수 있습니다.
  • 이슈에 comment를 작성 할 수 있습니다.

스크린샷 2020-12-23 오후 8 32 58

라벨 페이지

  • 새로운 Label을 생성 할 수 있습니다.
    • 라벨의 이름과 색상을 지정하면 왼쪽 위의 미리보기 컴포넌트에 실시간으로 반영됩니다.
  • 현재 존재하는 Label의 목록이 나타납니다.
  • Edit 버튼을 누르면 Label의 내용을 수정 할 수 있습니다.
  • Delete 버튼을 누르면 Label을 삭제합니다.

스크린샷 2020-12-23 오후 8 33 22

💻 Install & Run

Install

git clone -b production --single-branch https://github.com/boostcamp-2020/IssueTracker-34.git

GitHub OAuth

GitHub OAuth 설정 후 Client ID와 Client Secret을 .env에서 활용합니다.

Frontend

  • IssueTracker-34/front/.env 파일 생성
API_URL=api_url
HOMEPAGE_URL=front_url
GITHUB_CLIENT_ID=client_id
  • npm install & start
cd IssueTracker-34/front
npm install
npm start

Backend

  • IssueTracker-34/back/.env 파일 생성
DB_HOST=localhost
DB_USER=username
DB_PASS=password
DB_DATABASE=database_name

SEQ_DIALECT=mysql
SEQ_POOL_MAX=pool_max
SEQ_POOL_MIN=pool_min
SEQ_POOL_ACQUIRE=pool_acquire
SEQ_POOL_IDLE=pool_idle

PORT=port_number
PRIVATEKEY=privatekey_name
baseURL=base_url
GITHUB_CLIENT_ID=github_client_id
GITHUB_CLIENT_SECRET=github_client_secret
  • npm install & start
cd IssueTracker-34/back
npm install
npm start

http://127.0.0.1:3000/ 접속


📃 Documents

개발 일지

데일리 스크럼

스프린트 계획 회의 회의록

피어 세션

그룹 회고