Float notes is a multi-board-note-editing-system built in React. It has an App component that keeps track of board IDs, linked to a NoteBoard component which keeps track of the notes. The notes can be edited and dragged around, all in real time. Each Note is a semi-dumb component that renders props from NoteBoard, but it keeps one boolean of whether it is edited.
Most of float notes works as expected, but if it were to be improved in the future, customizable colors, name-able boards, removable boards, resizable notes, are all considered to be added!
Switch between boards with the tabs above the new note bar.
Add a new board and immediately start adding new notes to it.
Peak at a buried note by hovering over it.
Change its location, drop it, and it returns to its original layer.
Watch the notes move in real time.
Have fun noting!