/sticky-board

Primary LanguageTypeScript

Sticky Notes

Features:

  1. Create a new note of the specified size at the specified position.
  2. Change note size by dragging.
  3. Move a note by dragging.
  4. Entering/editing note text by double click on description. Hotkeys: "Ctrl+Enter" - save changes, "Esc" - revert changes. On blur - save changes.
  5. Moving notes to front (in case of overlapping notes).
  6. Saving notes to local storage (restoring them on page load).
  7. Different note colors.

Demo: https://mallet23.github.io/sticky-board/

Required: no more than 6 hours for development