Manabie test PR - Nguyen Hoang Linh

[nhlinhhci]

My name is Nguyen Hoang Linh, this is my submitted PR for the Manabie Coding Challenge.
Upcoming changes according to this PR:

1. Fix some bugs:

• Fixed some bugs on create todo and delete todo function, and some minor ones throughout the project.
• Comments has been added for closer comparison before-after fix.

2. Enhance UI/UX:

• UI:
  • Re-styled buttons, inputs, text when active/completed, checkboxes, etc.
  • Adding hovering effects, cursors, transitions throughout the application where I feel needed for smoother experience.
  • Remove/replace some unneccessary buttons.
  • Added Dark mode.
  • Adding ellipsis for long text, hovering will show the full text.
• UX:
  • Remove text after submit the task, adding autofocus.
  • Validation if the input is blank. (cannot submit and shows error, both when create todo and edit todo)

3. Edit mode:

• Double click will show input at that task position for editting (also checks for blank input). Hit 'Enter' to submit edited task, Hit 'Escape' or click outside the input will close it as well.

4. Save in localStorage:

• Todos and user's theme choice (added Dark Mode feature) has been save to localStorage so the user can easily refresh and return to their todo-list everytime they feel needed.

5. All Active/All Completed button:

• Make them work. 'All Active' will make all tasks 'ACTIVE', same for 'All Completed', will make them 'COMPLETED'.

6. Remove redundancies:

• Refactor and remove some unneccessary codes.

Please feel free to comment for improvements.
Thank you so much.