🎯 Getting Started with "Sticky Notes App"

Stay organized and boost your productivity

Table of Contents:



Working with text 📝

To create a new note, click the "Add Note" button:
Image explaining how to add a new note
Now click on a note to add some text!
Speed up your work with common keyboard shortcuts:
Image explaining keyboard shortcuts
or use the Notion-style "/"-commands to:

1️⃣ create a checklist:
Image explaining how to create a checklist
2️⃣ change the plain text to a heading:
Image explaining how to create a heading
3️⃣ insert code block:
Image explaining how to insert a code block
4️⃣ clear formatting:
Image explaining how to clear formatting
To copy the text of a note, click on the "sheets of paper" icon in the top right corner:
Image explaining how to copy the text of the note
To see when a note was created and updated, simply hover your mouse over the curled corner:
Image explaining how to find out notes meta information

Completing tasks ✅

To mark a task as competed, click the "checkbox" icon in the top left corner:
Image explaining how to mark a note as completed
The text on the note will be crossed out and the note will turn grey:
Image explaining what the completed note looks like
All completed tasks will be in the Archive.

To access it, simply click the "checkmark" icon at the top of the sidebar:
Image explaining what Archive looks like
If you want to restore a completed note from the archive, click the "return arrow" icon in the top left corner of the note:
Image explaining how to bring back the completed note
The restored note will reappear in the All Notes section:
Image explaining how to bring back the completed note
(all tags added to the note will be saved)
If you want to delete a note, click the "cross" icon in the top right corner of the note:
Image explaining how to delete a note
(deletion only works in the Archive)
A dialog box will appear warning you that the note will be permanently deleted:
Image of the dialog box for deleting notes

Using tags 🔰

Tags help you organize your notes.
To create a new tag, click the "flag" icon at the top of the sidebar:
Image explaining how to add a new tag
Now enter a name for the new label in the field below:
Image explaining how to enter the name of the new tag
You can add tags in 3 different ways.

1️⃣ by dragging the tag button onto the note:
Image explaining how add a tag using the first method
(the tag appeared at the bottom of the note)

2️⃣ by dragging a note onto the tag button:
Image explaining how add a tag using the second method
(all other tags will be removed)

3️⃣ by entering tag(s) at the bottom of the note (separate multiple tags with commas):
Image explaining how add a tag using the third method
(multiple tags separated by commas)

To reorder tags, simply move them as desired:
Image explaining how to reorder tags
To remove a tag, click the "cross" icon in the top right corner of the tag:
Image explaining how to remove a tag
A dialog box will appear warning you that the tag will be removed from all notes to which it was assigned:
Image of the dialog box for deleting tags
After deleting the "new_tag", two more tags remain in the note:
Image of note with tags after removal
Deleting all tags doesn't delete the note — the tag field will simply become empty:
Image showing a note without any tags

Searching 🔎

To search, use the input field at the top of the sidebar:
Image showing the search field
The word you enter will be used to search in:
☑️ regular text
☑️ checklists
☑️ headings
☑️ code blocks
Image explaining how to search
(search result)


Color coding 🚦

To set the color of a note, click the "palette" icon in the top right corner of the note:
Image showing color selection
The default note color can be set in the "Settings" section 'Settings':
Image explaining how to set the default note color
(the chosen color is shown as a filled circle)


Hiding text 🔒

With the blur feature, you can easily hide all sensitive information:
Image showing what a blurred note looks like
To blur the text, click the "drop" icon in the top right corner of the note:
Image showing text blur
To remove the blur effect, click the "strikethrough drop" icon in the top right corner of the note:
Image showing how to remove the text blur effect

Using the context menu ⏬

You can launch the extension via the context menu:
Image showing how to launch the extension via the context menu
(called by right-clicking)

You can select any text and use the context menu to create a new note based on it:
Image showing how to create a note using any text

OR

Image showing how to create a note using any text

Settings ⚙️

For quick access to our extension, we use a small "badge":
Image showing what the badge looks like
You can disable this feature in the "Settings" section 'Settings'
Image explaining how to disable the badge
Also in the "Settings" section 'Settings' you can:

1️⃣ change the font size:
Image explaining how to change the font size
2️⃣ set the default note color:
Image explaining how to set the default note color
(the chosen color is shown as a filled circle)
3️⃣ export all your notes:
Image explaining how export all your notes
4️⃣ rate us if you liked us 🎉
Image showing how to estimate expansion


Image showing how to estimate expansion

THANKS 🎉