Notes Application - Overview 🚀

1) On the main page, there is a Toggle button. It switches the themes from white to black and vice-versa. (IGNORE THE CIRCULAR GREEN BUTTON, IT’S AN EXTENSION OF GRAMMARLY).

BEFORE

ToggleButton

AFTER

ToggleButtonAfter jpg

2) The Save button on the last note will create a new note if there is some text in the new note. The character limit on every note is 200 as shown by the characters remaining text.

SaveButton

3) Edit button icon on every note will let you edit the content in the note.

BEFORE, By Clicking on this button you will be able to edit the text.

EditButtonBefore

AFTER, Clicking on that Button you can edit your text in the Note. Then on clicking the ‘Edit’ Button your edited text will be saved.

EditButtonAfter jpg

4) Delete button on every note will send the note into the trash can.

Here, you can see the Delete Button icon.

DeleteButtonBefore

After Clicking on the Delete Button icon your note will be deleted. And When you click on the ‘Show trash can’ Button, your note will be visible there.

DeleteButtonAfter jpg

5) The ‘Restore Button’ icon will let you restore the note, which you’ve deleted. These all options will be visible to you under the ‘Show trash can’ Button.

RestoreButton

On Clicking the, ‘Restore All’ Button, all the notes which you’ve deleted will be restored to your Notes Menu.

RestoreAll

6) On clicking the ‘Empty Trash Can’ it lets you Permanently delete all the notes with a single click.

EmptyTrashCan

After Clicking on ‘Empty Trash Can’, everything will be removed permanently, Like this.

image

7) The ‘Search Bar’ will let you search any note by typing in words or sentences from the content of the notes.

SearchBar

So Yeah that’s all information, about the Application. You can add your custom CSS to make the Application more Beautiful. But that’s not mandatory.

Good Luck. 💫