Added tagging feature to notes

[theGeekyLad]

Added tagging feature to notes which facilitates in grouping notes through #such-kind-of-tags.

• The user can see what tags they created at the bottom of every note and also in the global tags search
• The user can filter notes by tag, by either typing out the #tag-name in the search field or clicking on their tag of choice under the tags search field

index.html

• Added a tag-search-container with a tag-search-input search box and a tag-search-clear text clear button
• Added a tags-container that houses the tags (clicking on which the user can filter notes)
• Prettified the file

styles.css

• Created utility classes for standard margins
• Added styling to accommodate the tags search bar and clear button on the same row
• Added some comments

index.js

• Added a get_tags() that, given a paragraph of text, extracts all tags (looks for #anything) as an array and returns the same
• Added a build_tag() that, given a tag, creates the DOM representation of that tag (using Bulma helper classes)
• Made use of the above functions inside build_note() to show tags under the comments section of a note
• Updated get_notes() to get_notes_and_tags() that now returns a JS object of { notes, tags } which is used inside display_notes() to render all tags (without repetitions) in the global tags search
• Updated window.onload to add click and input handlers to the clear button and the tags search field respectively

[NyasakiAT]

• Currently, its not possible to filter by multiple tags, this should be possible tho for example #school #cs
• If there is a space after a tag in the searchbar #tag the tag will not be found
• The search field would look a lot cleaner, especially with multiple tags if we would use the TagsInput extension

[NyasakiAT]

Are you still working on this?

[theGeekyLad]

Yes I am! Sorry for the lack of activity in the past few days. I'll come back with a PR shortly.

[theGeekyLad]

Upgraded the tagging logic with Bulma TagsInput extension. Here's how it looks like now:

Please ignore the box at the bottom left. It's just for demo purposes; clarifies what key presses are issued.

[NyasakiAT]

Looks good, thanks!