---
# System prepended metadata

title: ToDoList

---

ToDoList
===

## Table of content
[TOC]

## 1. Chọn chủ đề.

Hiện thực một Todolist đơn giản băng Vuejs


## 2. Phân tích chủ đề được chọn

Các chức năng cơ bản của một todolist:
* Thêm, sửa , xóa các công việc
* Check, uncheck các công việc
* Lưu lại danh sách công việc khi load lại trang
* Cho phép kéo thả các công việc


## 3. Lên kế hoạch và thực hiện chủ đề

### Làm quen với VueJs

- Tìm hiểu về VueJs : vuejs.org , youtube
- Cài đặt môi trường vuejs trên máy tính.

Phân công: Thiên + Tân
 
###  Tìm hiểu về todolist và các ứng dụng liên quan

Todolist: đơn giản là một danh sách các công việc cần làm

Một số ứng dụng : trello, asana,...

Tìm hiểu về cách hiện thực todolist bằng vuejs từ Youtube, vuejs.org, github,...

Phân công: Thiên + Tân

### Hiện thực todolist với các chức năng
    
Cá nhân tự hoàn thiện các chức năng cơ bản của Todolist bằng vuejs.
Bổ sung,sửa chữa hoàn thành Todolist


![](https://i.imgur.com/3mIvRS7.png)

- Thêm công việc cần làm từ input
- Xóa các công việc
- Sửa công viêc bằng doubleclick vào công việc cần sửa
- Esc để trả lại giá trị trước khi sửa.
- Check công việc hoàn thành có thể check lần lượt hoặc check all
- Chức năng các button 
  - All : Xem tất cả các công việc
  - Active : Xem các công việc chưa active
  - Completed: Xem các công việc đã completed
  - Clear completed: Xóa công việc đã completed


Phân công: Thiên + Tân


## 4. Đánh giá lại

* Todolist đã thực hiện đầy đủ chức năng như yêu cầu:
    - ✔ Thêm công việc cần làm từ input 
    - ✔ Xóa các công việc 
    - ✔ Sửa công viêc bằng doubleclick vào công việc cần sửa 
    - ✔ Esc để trả lại giá trị trước khi sửa. 
    - ✔ Check công việc hoàn thành có thể check lần lượt hoặc check all 
    - ✔ Chức năng các button 
      - ✔ All : Xem tất cả các công việc 
      - ✔ Active : Xem các công việc chưa active 
      - ✔ Completed: Xem các công việc đã completed 
      - ✔ Clear completed: Xóa công việc đã completed 
* Trong quá trình hoàn thiện có mắc một số lỗi.
* Thiết kế lại giao diện cho dễ nhìn.



## 5. Chuẩn hóa

 Hoàn thiện giao diện đơn giản - đẩy đủ chức năng - dễ nhìn


## 6. Hoàn thiện quy trình

Theo đánh giá của nhóm thì đã hiện thực đầy đủ các chức năng của Todolist đơn giản

Link git: https://gitlab.com/ngmitan149/todolist/

