Had some down time over the weekend so pulled out an old grid-based note taking idea. Newly inspired by @neauoire's recent suite of micro 2D/3D drawing tools.

Stack is just vanilla JS and SASS all wrapped in Parcel. Looking forward to tinkering on it further.

Memgrid, as I've started calling it, is now up on Github.

Made a few visual improvements (moved the grid to be drawn via canvas) and added better feedback for interactions.


Making a few bits of progress...

Proper snapping now works when either resizing or dragging a memo (thanks to github.com/bnjm for the help). Added touch event support. Also experimenting with hiding the grid, and reducing clutter, unless interacting with a memo.

Needs a little bit more work to fix some edge cases, but click and drag to add a memo (initiated by pressing N) is now working. ๐Ÿ˜Œ

A few more changes...

Can now delete memos. Memo data also persists in local storage. Next step is to populate memos upon application load. Then I think we're about done for now. ๐Ÿ’†โ€โ™‚๏ธ


My little project Manifest (as it's now called) is now live at manifest.app.

A few loose ends to tie up but right now you can:

๐Ÿ—’๏ธ Create as many notes as you want.
๐Ÿงฎ Snap and resize on a uniform grid.
๐ŸŒ All data is stored locally.

Source at github.com/jonathontoon/manife

ยท Web ยท 4 ยท 10 ยท 29

A few bug fixes and improvements out now!

- Memos now respect zIndex.
- Memos are also scrollable, if content overflows.
- Mouse issues with snapping fixed.
- Everything now aligns flush on the grid (may require you to clear local storage).

A few updates for manifest.app.

- Basic boundary detection in place for memos (more work needed).
- Some support for tablets / mobile added (not perfect yet).
- Service worker / offline support added.
- Memos automatically focus upon interaction.

Any issues or feedback feel free to add them here: github.com/jonathontoon/manife

@toon It seems that sometimes it's impossible to align things on the grid :(

@mario_afk thanks for the input, if you could add this as an issue to GitHub I'm happy to look in to it.

@toon I would use a windowing system that looked like this, simple but really nice.

@whtrbt yeah, it was kinda one of the catalysts to building this.

Sign in to participate in the conversation

Revel in the marvels of the universe. We are a collective of forward-thinking individuals who strive to better ourselves and our surroundings through constant creation. We express ourselves through music, art, games, and writing. We also put great value in play. A warm welcome to any like-minded people who feel these ideals resonate with them. Check out our Patreon to see our donations.