이 프로젝트는 기업에서 사용을 하는 할일 관리 어플리케이션을 컨셉으로 잡았습니다. 그렇기 때문에 모든 기능이 할일의 관리에 맞춰서 구현이 되어있습니다.
프론트엔드
최환석<팀장> | 장현준 | 이재하 |
---|---|---|
최환석 | 장현준 | 이재하 |
칸반 보드 할일 모달창 할일 생성모달 |
캘린더 무한스크롤 진행도 필터링 일정 선택 및 보기 NotFound |
회원 가입 및 로그인 페이지 마이페이지 대시보드 |
1. $ git clone https://github.com/MiniProject-2/need-more-task-fe.git
2. $ cd need-more-task-fe
3. $ npm i
4. root 경로에 .env 파일 생성 후, 관련 정보 입력
5. $ npm run dev
현재 서버 종료로 인한 기능 사용 불가
- 메인 라이브러리 및 프레임워크: Next.js
- 상태 관리: Zustand
- 서버 통신: React-query
- UI 라이브러리: Chakra UI
- CSS: emotion
- 기타 라이브러리
- mui/material
- fullcalendar/react
- d3
- dayjs
- framer-motion
- lottie-web
- react-beautiful-dnd
├─apis
│ └─configs
├─components
│ ├─Admin
│ ├─Auth
│ │ └─Join
│ ├─Calendar
│ ├─ChakraProviders
│ ├─common
│ ├─CommonAvatar
│ ├─CommonHeader
│ ├─Dashboard
│ ├─Drawer
│ ├─kanban
│ ├─modal
│ ├─OverView
│ ├─Profile
│ └─Skeleton
├─constant
├─hooks
├─pages
│ ├─api
│ ├─dashboard
│ ├─join
│ ├─profile
│ └─tasks
├─store
├─styles
├─type
│ └─enum
└─utils
- 회원가입 및 로그인
- 프로젝트 생성 및 삭제
- 프로젝트에 멤버 초대 및 삭제
- 프로젝트 전체보기
- 프로젝트 칸반보드
- 프로젝트 캘린더
- 프로젝트 일정 목록
- 프로젝트 대시보드
- 프로필 수정
- 로그인 페이지 및 회원가입 페이지
- 프로젝트 캘린더 페이지
- 프로젝트 일정 목록
- 프로젝트 칸반보드 페이지
- 프로젝트 대시보드 페이지
- 프로필 및 프로필 수정 페이지