# TODO LIST Trần Nhựt Tân Nguyên Bửu Thịnh --- Sử dụng VUE.JS để hiện thực ứng dụng TODO LIST đơn giản: - Thêm, xóa TODO. - Check và Uncheck các TODO. - Có 3 List: Tất cả, Hoàn thành và Chưa hoàn thành. - Lưu lại được TODO khi Reload. - Cho phép chỉnh sửa các TODO. - Cho phép kéo thả. --- ## Thiết kế Giao diện: Dùng HTML, CSS hiển thực trên browser Phẩn xử lý: Sử dụng Vuejs để hiện thực các hàm xử lý dữ liệu Dữ liệu: Sử dụng Array để lưu trữ các Object trong Todo List, đồng thời lưu vào LocalStorage để hiển thị lại mỗi khi Reload Kéo thả: Sử dụng thư viện Draggable. --- ## Hiện thực Ứng dụng gồm 2 List: AT WORKS và AT HOME tương ứng cho công việc ở công ty và công việc ở nhà. Ở mỗi List sẽ có ô nhập thêm công việc mới, đồng thời có các nút để chỉnh sửa, thêm, xóa,... Các thẻ trong cùng 1 List có thể kéo thả thay đổi vị trí cho nhau thể hiện độ quan trọng của công việc. Các thẻ ở các List khác nhau có thể kéo thả cho nhau thể hiện công việc cần làm ở nhà. --- ## Demo kết quả ---