🙃 React ToDo app designed around keyboard shortcuts
| Function | Keys |
|---|---|
| Add newline | Shift + Enter |
| Submit command or todo | Enter |
| Show commands & settings | / |
| Function | Keys |
|---|---|
| Move focus down | Down or Tab |
| Move focus up | Up or Shift + Tab |
| Focus first/last | Home/End |
| Focus entry input | / |
| Function | Keys |
|---|---|
| Edit todo | E or Enter |
| Add newline | Enter |
| Archive/unarchive todo | A |
| Undo out of Edit | Esc |
| Save Edit | Ctrl + Enter |
| Delete todo | Delete |
| Undo delete | Ctrl + Z |
| Edit tags | T |
| Move todo up | Ctrl + Shift + Up |
| Move todo down | Ctrl + Shift + Down |
| Scroll list up | Ctrl + Up |
| Scroll list down | Ctrl + Down |
| Bold selected text while editing | Ctrl + B |
| Italicize selected text while editing | Ctrl + I |
Put selected text in <details> tag * |
Ctrl + D |
* NOTE: details uses html, so markdown won't work inside |
| Function | Keys |
|---|---|
| Display search list | :<text> |
| Navigate list | Up or Down |
| Choose from list | Enter or Tab |
Entry Input
- Type, and use
Enterto add text as a new note - Use
Shift+Enterto add a newline while typing
Editing a Todo
- While focused, use
Enterto edit - Use
Ctrl+Enterto confirm edit (Enterwill add a newline) Escto cancel your edit
- Markdown support, with Gemoji shortcuts (
:+1:👍️)
/exportCopy data to clipboard/importPaste data, and load/saveSave to backup file/openLoad from backup file/nukeDelete all notes/helpGotoreadme.mdfor more info/clockDisplay a clock overlay
/title <text>Set a custom header name/size <number>Set font-size to number (current will display)/center <number>Center layout to any pixel width (current will display)/density <string>UI density ("sm", "md", "lg")/fullFull-width layout (default)/image <url>Top backdrop image/backups <path>Set local backups location
- Focusing down list should scroll tall items totally into view
- Moving 2nd of 2 archives causes error
- Not locked in tag input, leaving it stays open
- Random colors for new tags are too similar sometimes (after restart?)
- Emoji style (opacity?) when deleting archive
- Open from backup file not working
- Entry input has focus, but not getting class
- Search
- Maybe move edit/active outside of data object
- Tag filters
- Scroll todolist top, on entry submit
- Set caret position after todo-input textSurround()
- Match searched character matches in EmojiPopup list (like slack)
- Add some sort of effect or transition after a command is entered/cleared
- Emoji replace
:abc:after space, if it matches
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent