Features:
- full Markdown support
- Saves automatically to IndexedDB/WebSQL/LocalStorage
- free-form rearranging of cards, with automatic tiling/non-overlapping, snaps to grid
- resizable cards
- offline support
Inspired by thesephist/thingboard.
Main differences:
- people usually don't want to overlap notes, and waste a lot of time rearranging to not overlap
- bringing to top to focus is not ideal UX
- Built with React/Next.js :)
- Support markdown
Tech stack: Next.js, React, ThemeUI/Styled-system, TypeScript
yarn create next-app --example with-typescript
yarn
yarn dev-
remove elem
-
fix annoying entering edit mode whenever moving around a card
-
enable tabbing to insert tab in textArea (maybe look into https://www.npmjs.com/package/react-simple-code-editor but really need tabs for bullet lists as well...)
- drag+drop images/files?
- eventually support sharing links...
also:
- use
@theme-ui/typography,@theme-ui/color?
@theme-ui/prism didn't work, so had to use react-syntax-highlighter instead.
Deploy the example using Vercel:
Deploy it to the cloud with Vercel (Documentation).