[Front-end] Nguyen Kien Phuoc - Coding Challenge

[sapuit]

Changes

Features

• Update React version to v17.0.2
• Added sematic release (1753834)
• Added webpack and babel (43404f6)
• Config brotli for webpack (86cba7b
• Added eslint prettier (260e10a)
• Added redux and redux toolkit (cbeb54d3
• Added MUI
• Refactor/Restructure codes. (549e67cd)
• Select/deselect all todos (549e67cd)
• Select/deselect specific todo to change status (549e67cd)
• Filter using the three buttons - All, Active, and Completed. (549e67cd)
• Inline edit by double-clicking the todo in the list. (549e67cd)
• Inline delete button to delete specific todo, clear all button. (549e67cd)
• Persistent feature when refreshing. (549e67cd)
• Apply unit test (9dd274f)

What to do if I were given more time to develop this app.

• Enhance UI/UX
• Add more feature (sort by date, sort by status, add prioritize, search, add todo description, image, set due date, ...)
• Add more test case and e2e testing
• UI Responsive for mobile and tablet

How to run this code

1. Clone project [email protected]:sapuit/mana-do.git and move to develop branch.
2. Install library: yarn install
3. Start app: yarn start
4. Testing: yarn test
5. Run commit: yarn commit
6. Release project using semantic: yarn release
7. Format code: yarn format

Thank you for taking your time to review.