프로젝트 소개

1. 프로젝트 개요

이 프로젝트는 기업에서 사용을 하는 할일 관리 어플리케이션을 컨셉으로 잡았습니다. 그렇기 때문에 모든 기능이 할일의 관리에 맞춰서 구현이 되어있습니다.

1.1 프로젝트 멤버

프론트엔드

최환석<팀장>	장현준	이재하

최환석	장현준	이재하
칸반 보드 할일 모달창 할일 생성모달	캘린더 무한스크롤 진행도 필터링 일정 선택 및 보기 NotFound	회원 가입 및 로그인 페이지 마이페이지 대시보드

1.2 프로젝트 실행 방법

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

1.3 프로젝트 영상 링크

YouTube

1.4 프로젝트 문서

Notion

1.5 프로젝트 링크

현재 서버 종료로 인한 기능 사용 불가

DEMO

2. 프로젝트 스택

메인 라이브러리 및 프레임워크: Next.js
상태 관리: Zustand
서버 통신: React-query
UI 라이브러리: Chakra UI
CSS: emotion
기타 라이브러리
- mui/material
- fullcalendar/react
- d3
- dayjs
- framer-motion
- lottie-web
- react-beautiful-dnd

3. 프로젝트 구조

├─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