Hi Agile !!

스크럼, 짝, EX, 칸반과 같은 다양한 애자일 방법론을 템플릿으로 적용할 수 있는 프로젝트 메니지먼트 웹 서비스입니다. 동료를 찾아 친구로 추가하고 프로젝트 멤버로 초대할 수 있습니다. 프로젝트 멤버들에게 일감을 분배하고 진행도를 관리할 수 있습니다. 스케줄러를 통해 프로젝트 별 할 일을 조회할 수 있습니다.

npm

• npm install
• npm run start
• npm run build

yarn

• yarn install
• yarn start
• yarn build

Slogan

안녕! 애자일.

Logo

Feature

• 현재는 스크럼만을 지원하고 있습니다.
• 추후에 짝프로그래밍, 칸반보드, EX를 추가할 예정입니다.
• 메인 화면에는 나의 최근 생성한 프로젝트 3가지가 출력됩니다.
• 나의 생성, 친구추가 활동 등에서 발생한 Notice를 메인화면에 출력합니다.
• 달력을 출력합니다.
• 나의 Todolist를 출력합니다.
• 프로젝트 대시보드로 이동해 전체 프로젝트를 확인 할 수 있습니다.
• 친구찾기 대시보드로 이동해 전체 친구를 확인하고 친구추가 할 수 있습니다.
• 일감관리 대시보드로 이동해 전체 일감을 확인하고 관리할 수 있습니다.

Getting Started

git clone https://github.com/HIAGILE/client.git

테스트 아이디

• ID: test@tester.com
• PW: test1234!@

Login Page

• Json Web Token을 활용한 로그인
• 카카오, 깃허브 OAUTH를 활용한 로그인

Create User Page

• 계정 생성 시 이메일 중복 여부를 미리 검사합니다.
• react-hook-form의 useForm() Hook을 활용해 input 태그를 관리합니다.
• 약관을 추가했습니다.
• 계정 생성 시 이메일 인증 메일이 발송됩니다.
• 비밀 번호는 이중으로 검사합니다.

Main Verification

• 이메일 인증 버튼을 클릭하면 이메일 인증이 완료됩니다.

Main Dashboard

• 프로젝트 생성이 메인에 위치합니다.
• 최근 프로젝트 3개를 출력합니다.
• 최근의 알림을 출력합니다.
• 나의 할일을 출력합니다.
• 좌측 메뉴에는 5가지 네비게이션 메뉴가 있습니다.
• 우측 상단에는 나의 프로필에 해당하는 메뉴를 펼칠 수 있습니다.

Create Project

• 4가지의 방법론을 선택할 수 있습니다.
• 현재는 스크럼만 가능합니다.

Fill out the Form

• 프로젝트명과 깃허브 주소를 입력합니다.

Allocation of Personnel

• 인원을 역할에 맞게 할당합니다.

Project Dashboard

• 오너인 내가 가지고 있는 프로젝트를 볼 수 있는 대시보드입니다.

Project Detail

• 프로젝트 디테일입니다.
• 내 프로젝트 상세 및 참가 중인 인원, 스프린트, 할 일 목록 등을 확인 할 수 있습니다.

Add Sprint

• 스프린트 추가 모달입니다.

Add ToDoList

• 할 일 추가 모달입니다.
• 먼저 스프린트를 선택합니다.
• 인원을 선택합니다.
• 할 일 내용을 작성합니다.

Search Friends

• 친구 목록 확인과 검색, 친구 신청을 할 수 있습니다.

Edit Profile

• 내 프로필 사진 및 내용을 수정 할 수 있습니다.

To Do List Dashboard

My Schedule Dashboard

• Toast UI Calendar를 통해 프로젝트의 스프린트와 할 일을 조회할 수 있습니다.
• 필터를 통해 프로젝트 별 스케쥴 또는 내가 포함된 스케쥴만 조회할 수 있습니다.

Styling

• TailwindCSS

화면 설계

https://whimsical.com/hi-agile-EYsbstse2Wct6muTbvB9tk

TCP/IP

• GraphQL