📝 To-Do List

• 사용자는 할 일과 스케줄을 추가하고, 완료 처리하며, 삭제할 수 있습니다.
• HTML, CSS, JavaScript 를 활용해 동작합니다.
• localStorage에 데이터가 저장되어 새로고침 시에도 기록이 남아있습니다.

🗂️ 프로젝트 구조

TO-DO-LIST/
│
├── index.html
├── script.js          # 메인
├── style.css
├── default.css        # reset
└── lib/
    ├── state.js       # 상태 관리
    ├── storage.js     # 로컬스토리지 관리
    ├── chart.js       # 차트 관리
    ├── render.js      # 렌더링 담당
    ├── stats.js       # 통계 계산
    ├── theme.js       # 테마 관리
    └── event.js       # 이벤트 바인딩

💫 주요 기능

• 📝 할 일 / 스케줄 추가
• ✅ 할 일 / 스케줄 완료 처리 (체크)
• ❌ 할 일 / 스케줄 삭제
• 📊 그래프로 할 일 / 스케줄 달성률 확인
• 🌓 다크 모드 지원
• 💾 로컬스토리지를 통한 데이터 저장
• 📱 반응형 웹사이트
• ⚙ 웹 접근성 향상

🚀 시작하는 방법

1. 이 저장소를 클론하거나 다운로드한 뒤, 브라우저에서 index.html을 열어 사용해보세요!

   git clone https://github.com/Programmers-Gitfilled/to-do-list.git

2. Netlify 링크로 접속하셔도 됩니다.

🔩 사용 기술

• HTML
• CSS
• JavaScript (Vanilla JS)

👣 유저 플로우

🧱 구조도

📷 미리보기

👨‍💻 팀원

변지현	신민석	이소민	이승은	황유정
FE	FE	FE	FE	FE
GitHub	GitHub	GitHub	GitHub	GitHub

➕ 개선 아이디어

• 날짜별로 저장 및 이동 가능
• 마감일 설정 + 마감되면 글자 색 변경
• Todo별 태그 추가
• 다른 그래프 추가 ex) 최근 7일 간 달성률 변화