Taskify는 팀원들과 일정을 공유하고 관리하기 위해 만들어진 서비스입니다.
자유롭게 대시보드를 생성하고, 대시보드 안에서 여러 칼럼들을 두어 할 일을 관리할 수 있습니다.
또한 이메일로 팀원을 자신의 대시보드에 초대해 할 일을 공유할 수 있습니다.
| 박소현 | 김선혜 | 조연아 | 홍재원 |
|---|---|---|---|
@ParkSohyunee |
@HaydenDevK |
@yunajoe |
@Hongjw030 |
-
박소현: 각자 한 일 적어주시면 될거같아용
-
김선혜:
-
조연아:
-
홍재원:
git clone https://github.com/codeit-team-project/taskify.git
yarn add이메일 주소와 비밀번호를 입력해 로그인, 회원가입을 할 수 있습니다.
중복된 이메일, 잘못된 주소의 이메일은 회원가입을 할 수 없게 체크하고, 인풋에 값이 모두 채워지지 않았다면 폼을 제출할 수 없게 막습니다.
| 회원가입 | 로그인 |
|---|---|
![]() |
![]() |
| 회원가입 실패 시 | 로그인 실패 시 |
|---|---|
![]() |
![]() |
| 회원가입 에러 문구 | 로그인 에러 문구 |
|---|---|
![]() |
![]() |
로그인에 성공한 후 바로 리다이렉트 되는 페이지입니다.
사이드 바, 내비게이션, 대시보드 목록, 초대받은 대시보드 목록으로 이루어져있습니다. 사용자 본인이 만든 대시보드는 이름 옆에 왕관 아이콘이 자동으로 추가됩니다.
| 마이 대시보드 페이지 초기 | 마이 대시보드 페이지 샘플 |
|---|---|
![]() |
![]() |
사용자는 초대를 수락하거나 거절할 수 있고, 대시보드를 새로 생성할 수 있습니다.
| 대시보드 생성 | 초대 수락 및 거절 |
|---|---|
![]() |
![]() |
사이드바의 대시보드를 누르면 각 대시보드의 상세페이지로 이동합니다.
내비게이션에서는 대시보드의 타이틀, 멤버 리스트를 보여주고, 사이드바에선 현재 위치한 대시보드를 표시해줍니다. 생성된 대시보드에는 자동으로 Todo, onProgress, Done 컬럼이 생성되며 사용자가 직접 컬럼을 추가, 삭제할 수 있습니다.
| 대시보드 상세 페이지 | 대시보드 컬럼 추가 |
|---|---|
![]() |
![]() |
| 대시보드 컬럼 이름 변경 | 대시보드 컬럼 삭제 |
|---|---|
![]() |
![]() |
사용자는 각 컬럼에서 할 일을 추가할 수 있습니다.
| 컬럼 내 카드 추가 | 컬럼 내 카드 삭제 |
|---|---|
![]() |
![]() |
| 컬럼 내 카드 디자인 | 컬럼 내 카드 댓글 |
|---|---|
![]() |
![]() |
만약 사용자가 해당 대시보드의 관리자일 경우 내비게이션의 관리 버튼을 눌러 edit 페이지로 이동할 수 있습니다.
| 사용자가 관리자일 경우 | 사용자가 관리자가 아닐 경우 |
|---|---|
![]() |
![]() |
대시보드 이름, 구성원, 초대 내역 리스트, 대시보드 삭제 버튼이 있습니다.
| 대시보드 편집 페이지 | 대시보드 초대 기능 |
|---|---|
![]() |
![]() |




























