https://taskify-9-1.vercel.app/
- 'Taskify'는 일정 관리와 공유 기능을 제공하는 웹 애플리케이션입니다.
- 사용자는 가족, 회사 등 다양한 커뮤니티를 생성하고, 멤버를 초대하여 일정과 할 일 목록을 함께 관리할 수 있습니다.
- 커뮤니티 내에서 작성된 일정은 카드 형태로 다른 멤버에게 공유되며, 할 일 목록의 생성, 게시, 수정, 삭제와 같은 CRUD 기능을 구현합니다.
- 멤버 초대, 목록 분류, 검색, 댓글 작성 기능을 더해 유기적인 커뮤니티 서비스 구축 경험을 제공합니다.
 |
 |
 |
 |
|---|---|---|---|
| 박문균 | 김예지 | 구민지 | 선정민 |
| - 랜딩 페이지와 마이 페이지 디자인 및 기능 구현 - 프로필 수정 및 비밀번호 변경 기능 구현 - 할 일 생성 및 수정 모달 디자인 및 기능 구현 |
- 카드 상세 디자인 및 기능 구현 - 댓글 기능 구현 - 대시보드 페이지 api 구현 - My 페이지 무한스크롤 기능 구현 |
- 나의 대시보드, 대시보드 상세 페이지 디자인 구현 - 대시보드 수정 (구성원, 초대 내역 리스트) - 초대하기 모달 |
- 로그인, 회원가입 페이지 디자인 및 기능 구현 -대쉬보드 생성 모달 - 아바타 그룹 기능 구현 |
 |
 |
 |
|---|---|---|
| TypeScript | HTML | CSS |
 |
 |
 |
|---|---|---|
| Git | GitHub | Discord |
 |
 |
 |
|---|---|---|
| Next | Zustand | Tailwind CSS |
- 로고 버튼'을 클릭하면 / 페이지로 이동합니다.
- '회원가입하기' 버튼을 클릭하면 /signup 페이지로 이동합니다.
- 유효한 이메일과 비밀번호를 입력하고 '로그인' 버튼을 클릭하면 /mydashboard 페이지로 이동합니다.
- 아이디 또는 비밀번호 형식이 틀릴 경우 경고 창을 보여줍니다.
- 로그인 성공시 엑세스 토큰이 발급됩니다.
- 로고 버튼'을 클릭하면 / 페이지로 이동합니다.
- '로그인하기' 버튼을 클릭하면 /login 페이지로 이동합니다.
- 대시보드 목록이 보이도록 하였습니다.
- 내 대시보드는 페이지네이션으로 구현했습니다.
- 네비게이션 상단 오른쪽에 초대받은 멤버가 보이도록 하였습니다.
- 내가 만든 보드에는 상단에 '관리' 버튼이 보이도록 하였습니다.
- '관리' 버튼을 클릭하면
/dashboard/{boardid}/edit로 이동하게 하였습니다. - '초대하기' 버튼을 클릭하면 초대하기 모달창이 나타나도록 하였습니다.
- 내가 만든 대시보드 이름 우측에는 왕관 모양이 보이도록 하였습니다.
- 대시보드 이름이나 색을 바꾸고 '변경' 버튼을 누르면 대시보드가 수정됩니다.
- '돌아가기' 버튼을 누르면
/boardid로 이동합니다. - 대시보드 각 구성원 오른쪽에 있는 '삭제' 버튼을 누르면 구성원이 삭제가 됩니다
- 구성원 리스트는 페이지네이션으로 구현하였습니다.
- 초대 내역 리스트는 페이지네이션으로 구현하였습니다.
- '초대하기' 버튼을 누르면 초대하기 모달창이 나타납니다.
- 초대 내역 각 오른쪽의 '취소'버튼을 누르면 해당 초대는 취소가 됩니다.
- '+' 버튼을 누르면 이미지를 업로드 할 수 있습니다.
- 이메일은 수정할 수 없습니다.
- 닉네임 또는 이미지를 바꾸고 '저장' 버튼을 누르면 정보가 수정됩니다.
- 모든 input이 채워지면 '변경' 버튼이 활성화 됩니다.
- 정확한 현재 비밀번호 값을 입력하고 '변경' 버튼을 누르면 비밀번호가 변경이 됩니다.
