urdadx / spacely Goto Github PK

Add prettier for uniform code formatting across the project

Add a functionality for the user to drag and re-arrange/sort their tasks-items. This is to make it easier to prioritize their tasks. You can use libraries like Dnd Kit or React Beautiful Dnd to implement this functionality.

When a particular todo item is marked as completed and deleted, the next item in the list is also marked as completed although not set by the user

Behaviour

Replace the sheet component with a Drawer on mobile screens. The drawer component makes it easier to slide down the todo list without necessarily pressing the close button.

Add PWA support to allow installation of the app on mobile devices

Add a functionality that allows the user to edit a particular todo item. When the user hovers on the todo text, a pencil icon should appear that allows them to click and edit.

When the pencil/edit icon is clicked, display the textarea used for adding new tasks but it should already be populated with the content of the particular task you want to edit.

Add support for dark mode. Create a theme toggle that allows the user to select between light mode and dark mode.

The scroll view on mobile devices is small making it difficult to scroll past all the items in the todo list. When the items in the list exceed 4, it becomes difficult to scroll to the very last item in the list on most smaller size screens.

Behavior