hyeon17 / todolist

MY TODO

프로젝트 소개

1. 프로젝트 개요

링크

MY TODO

설명

나의 할일을 관리할 수 있는 사이트 입니다

• 작업 인원: 장현준
• 작업 기간 : 2023-01-20 ~ 2023-01-27
• 리팩토링: 2023-07-05 ~ 2023-07-07

2. 프로젝트 스택

• HTML
• CSS
• JavaScript

3. 프로젝트 구조

todolist
├─ api.js
├─ date.js
├─ delete.js
├─ edit.js
├─ images
├─ index.html
├─ loading.js
├─ main.css
├─ main.js
├─ README.md
└─ select.js

4. 프로젝트 기능

• 할 일 저장 기능 개발
• 할 일 완료 기능 개발
• 할 일, 완료 한 일, 전체 보기 필터링 기능 개발
• 할 일 전체 삭제 기능 개발
• 할 일 개별 삭제 기능 개발
• 할 일 수정 기능 개발
• 할 일 우선순위 부여 기능 개발
• 할 일 순서 변경 기능 개발

5. 프로젝트 결과

5.1 할 일 목록, 항목 추가, 수정, 삭제, 작성일 조회 가능

5.2 순서 변경 및 필터링에 따라 전체, 해야할 일,완료한 일을 볼 수 있다

5.3 기능 동작을 할때 로딩 애니메이션으로 사용자 경험 개선

5.4 우선순위에 따라 버튼에 색상이 추가

5.5 드래그 앤 드롭으로 할일의 순서를 변경