Implement a visual representation of the different states of a to-do list.
Leaving all the to-do's visible all of the time is visually unpleasant.

Inspired by a code snippet from the Vue.js TodoMVC example

Code snippet:

var filters = {
		all: function (todos) {
			return todos;
		},
		active: function (todos) {
			return todos.filter(function (todo) {
				return !todo.completed;
			});
		},
		completed: function (todos) {
			return todos.filter(function (todo) {
				return todo.completed;
			});
		}
	};

It's a crappy feature, having road tested it.

Instead, as a modification, present a toast-like prompt to save the deleted text to clipboard

Creating a To-Do with trailing spaces looks like a visual duplicate of one without trailing space.

Steps to recreate:

1. Use a keyboard that auto-insert space after text auto-complete
2. Open the "Create Todo" dialog
3. Type out a simple item (i.e "workout ")
4. Repeat 2 and 3, but make sure there are no trailing spaces

These todo list items will look the same, but one has a trailing space.

• Because the entries are stored in a hash map, the entries are technically different.

Proposed Fix:

• Trim the trailing space, or...
• Visually indicate the similarity

The former makes more sense (should tell the user that we won't make a duplicate). The latter would be more technically enriching

There is an app for iOS called Eulyses that allows custom formatting and color coding.
I like this idea.

As an initial draft of the feature, present the user with the choice of adding special highlighting or underlining or some indication by a character code that allows The Styling to be changed on a given to-do item.