🔫 Issue Tracker

• 22.06.13 ~ 07.01
• 2022 코드스쿼드 마스터즈 마지막 팀 프로젝트

👥 Team Members

Sammy(BE)	Dony(FE)	Hemdi(FE)

🛠 Skills

Back-End

Front-End

🗂 Wiki

• Notion (회의 및 고민 사항, 회고 등 과정 기록)
• 그라운드룰
• 협업 전략
• Backlog

✨ Feature

• Issus List 페이지 내 assignee, author, milestone, label, comment에 따른 필터링 구현
• JWT 토큰을 이용하여 로그인 및 Router 구현

🖥 Demo

2022-07-01.3.35.53.mov

< 로그인 후 login 페이지로 진입 시, �issue-list 페이지로 이동 >

2022-07-01.3.36.47.mov

< 로그아웃 후 issue-list 페이지로 진입 시, login 페이지로 이동 >

2022-07-01.3.45.25.mov

< 필터 조건이 추가되면서 해당 조건에 맞는 리스트만 필터링>

📂 Directory

📂 src
├── 📂 api
│   ├── core.ts
│   ├── githubOauth.ts
│   ├── issueList.ts
│   ├── labels.ts
│   ├── members.ts
│   ├── milestones.ts
│   ├── queryKeys.ts
│   └── type.ts
├── 📂 assets
│   └── 📂 icons
│       ├── icon_arrow_down.svg
│       ├── icon_arrow_up.svg
│       ├── icon_close.svg
│       ├── icon_close_label.svg
│       ├── icon_github.svg
│       ├── icon_label.svg
│       ├── icon_milestone.svg
│       ├── icon_open_label.svg
│       ├── icon_plus.svg
│       ├── icon_radio_off.svg
│       ├── icon_radio_on.svg
│       └── icon_search.svg
├── 📂 components
│   ├── 📂 Header
│   │   ├── Header.stories.tsx
│   │   ├── index.tsx
│   │   └── style.ts
│   ├── 📂 IssueList
│   │   ├── 📂 FilterBar
│   │   │   ├── FilterBar.stories.tsx
│   │   │   ├── index.tsx
│   │   │   ├── style.ts
│   │   │   └── type.ts
│   │   ├── 📂 IssueListFilterDropDowns
│   │   │   ├── index.tsx
│   │   │   ├── style.ts
│   │   │   └── type.ts
│   │   ├── 📂 IssueListTabs
│   │   │   ├── index.tsx
│   │   │   └── style.ts
│   │   ├── 📂 ListItem
│   │   │   ├── index.tsx
│   │   │   ├── style.ts
│   │   │   └── type.ts
│   │   ├── index.tsx
│   │   ├── mockData.ts
│   │   └── style.ts
│   └── 📂 common
│       ├── 📂 Button
│       │   ├── Button.stories.tsx
│       │   ├── index.tsx
│       │   ├── style.ts
│       │   └── type.ts
│       ├── 📂 Dropdown
│       │   ├── 📂 Panel
│       │   │   ├── Panel.stories.tsx
│       │   │   ├── index.tsx
│       │   │   ├── style.ts
│       │   │   └── type.ts
│       │   ├── DropDown.stories.tsx
│       │   ├── index.tsx
│       │   ├── style.ts
│       │   └── type.ts
│       ├── 📂 Icon
│       │   └── index.tsx
│       ├── 📂 InputMessage
│       │   ├── InputMessage.stories.tsx
│       │   ├── index.tsx
│       │   ├── style.ts
│       │   └── type.ts
│       ├── 📂 Label
│       │   ├── Label.stories.tsx
│       │   ├── index.tsx
│       │   ├── style.ts
│       │   └── type.ts
│       ├── 📂 Logo
│       │   ├── Logo.stories.tsx
│       │   ├── index.tsx
│       │   └── style.ts
│       ├── 📂 Tabs
│       │   ├── Tabs.stories.tsx
│       │   ├── index.tsx
│       │   ├── style.ts
│       │   └── type.ts
│       ├── 📂 TextInput
│       │   ├── TextInput.stories.tsx
│       │   ├── index.tsx
│       │   ├── style.ts
│       │   └── type.ts
│       └── 📂 UserProfile
│           ├── UserProfile.stories.tsx
│           ├── index.tsx
│           ├── style.ts
│           └── type.ts
├── 📂 contexts
│   └── 📂 FilterCondition
│       ├── action.ts
│       ├── index.tsx
│       ├── reducer.ts
│       └── type.ts
├── 📂 hooks
│   ├── useInputTextValue.tsx
│   ├── useIssueListData.tsx
│   ├── useLabelListData.tsx
│   ├── useMemberListData.tsx
│   └── useMilestoneListData.tsx
├── 📂 layout
│   ├── Layout.stories.tsx
│   ├── index.tsx
│   └── style.ts
├── 📂 pages
│   ├── 📂 IssueList
│   │   ├── IssueList.stories.tsx
│   │   ├── filterBarOptionData.tsx
│   │   ├── index.tsx
│   │   ├── style.ts
│   │   └── type.ts
│   ├── 📂 Loading
│   │   ├── index.tsx
│   │   └── style.ts
│   ├── 📂 Login
│   │   ├── Login.stories.tsx
│   │   ├── index.tsx
│   │   ├── style.ts
│   │   └── type.ts
│   └── 📂 NotFound
│       ├── NotFound.stories.tsx
│       ├── index.tsx
│       └── style.ts
├── 📂 router
│   ├── AuthRoute.tsx
│   ├── index.tsx
│   └── routeUrl.ts
├── 📂 styles
│   ├── GlobalStyle.tsx
│   └── 📂 common
│       ├── color.ts
│       ├── font.ts
│       └── index.ts
├── 📂 types
│   ├── common.ts
│   └── custom.d.ts
├── 📂 utils
│   ├── debounce.ts
│   ├── printError.ts
│   └── user.ts
├── App.tsx
└── index.tsx