TO-DO 앱에 필요한 데이터를 TS로 모델링하고 구현한 프로젝트입니다.

• 현재 UI를 통해 할 일을 아이템 추가 / 삭제 / 완료여부를 업데이트를 할 수 있습니다.
• 메인 페이지 / 에서는 모든 할 일 아이템을 보여줍니다.
• 오늘 할 일 페이지 /today에서는 데드라인이 오늘까지인 할 일 아이템만 보여줍니다. 할 일 아이템들은 로컬 스토리지에 저장되어 새로고침시 또는 브라우저를 종료한 이후에도 유지됩니다.

npm install
or
yarn

npm run dev

npm run build

/src/domain/TodoList.ts 에 작성되어 있는 TodoList 모델에 대한 설명입니다.

Todo {
  id: 아이디,
  description: 내용,
  isDone: 완료여부,
  category: 카테고리,
  tags: 태그들,
  deadline: 마감기한
}

• 할 일을 추가할 수 있다.
• 내용(description)없이 추가할 수 없다.

• ID를 기반으로 특정 할 일을 조회할 수 있다.

• 모든 할 일을 조회할 수 있다.

• ID를 제외한 모든 속성을 수정할 수 있다.
• 특정 할 일의 특정 태그를 수정할 수 있다.

• ID를 기반으로 특정 할 일을 삭제할 수 있다.

• 모든 할 일을 제거할 수 있다.

• 특정 할 일의 특정 태그를 삭제할 수 있다.

• 특정 할 일의 모든 태그를 제거할 수 있다.

추후에 다음과 같은 피쳐를 추가하려고 합니다. 우선순위가 높은 것부터 차례대로 나열했습니다.

1. 완료한 일들을 해야할 일과 분리해서 한 눈에 볼 수 있다. 성취감을 주는 목적으로 디자인 한다. (구체적인 기획 필요)
2. 사용자가 할 일 아이템의 카테고리와 태그를 설정 할 수 있다. 그리고 할 일 목록을 카테고리 별로 나누어 볼 수 있다.
3. 할 일 아이템에 태그를 노출한다.
4. 할 일 아이템의 순서를 변경할 있다.

• jsdoc.app
• to-do 챌린지 과제