oleksandr-romashko / goit-js-practice-todo-list Goto Github PK

Store data outside of the device and synch between different devices

Form for the users' feedback and suggestions (request a feature).

It may be put into the dropdown settings menu.

It may be complemented with a rating of the app at the same time.

1. Add settings menu (top left corner of the submit form form - on other side to the language settings).
2. The menu should contain existing settings such as:
   • instant hide (redraw) card on marked as done (when specific filter is applied)
   • store at device / such across devices (default value when is not implemented yet - disable checkbox or toogle)
   • "delete all app data"

Implement custom sorting by user using drag&drop of todo items, while holding three dots/lines icon on the todo item.

Maybe show drag icon only when hovering an item (desktop).
May be bad idea for tough screens when these devices don't have mouse or pointer.

Izitoast?

• task was added
• task marked as done
• task was deleted
• change of any setting

Run once at the first start, showing all the app features. After first run, store value, that intro has been done.
Show pop-up with the list of all features and option to skip begginer intro/tutorial.

May be reseted from setting menu.

When switching from other language and there is no translation for this language, previous language translation is applied for the specific element. This leads to the situation when user left with incorrect translation. It is better to check if translation is present and if not, apply default translation (e.g. english), which should be present any time.

It is better to test if all localization elements mentioned in localization file object have translation for the default language (e.g. english) and do not allow pass the test or log a warning about it.

Having default translations enhance user experience and make more fault tolerant application.

• vite load, from html file in component folder
• dropdown assigned with dropdown/select common class, all styles are described in the component css file
• icon is unique for each instance (how it is compatiblle withVite load?)
• menu items similar style, common class
• add menu items separator as possible menu item

Add pop-up not flow-blocking windows:

• delete all app data
• ? mark as don ?

Custom or browser native tooltip.
Try alt text anyway.

I guess withoit gif animation.

Check list for a training or for a supermarket not to forget something. Marl each item and redo / reengage it each time.

Use firebase

Deletes all added cards (of all types), without deletion of other app information.

To think about: button to delete all cards.
Place it somewhere on top of the content somewhere near the top of the tasks list or bottom of the submit form.