cktang88 / Spaceboard
Licence: mit
Pinterest for markdown notes. Made with React, TypeScript, and Next.js.
Stars: ✭ 106
Programming Languages
typescript
32286 projects
Projects that are alternatives of or similar to Spaceboard
Notes
📝 Simple delightful note taking, with more unix and less lock-in.
Stars: ✭ 939 (+785.85%)
Mutual labels: productivity, notes, markdown
Nb
CLI and local web plain text note‑taking, bookmarking, and archiving with linking, tagging, filtering, search, Git versioning & syncing, Pandoc conversion, + more, in a single portable script.
Stars: ✭ 3,846 (+3528.3%)
Mutual labels: productivity, notes, markdown
Zettlr
A Markdown Editor for the 21st century.
Stars: ✭ 6,099 (+5653.77%)
Mutual labels: productivity, markdown, offline
Notes Cli
A simple CLI app to take notes daily on markdown file
Stars: ✭ 58 (-45.28%)
Mutual labels: notes, markdown
Codimd
CodiMD - Realtime collaborative markdown notes on all platforms.
Stars: ✭ 7,592 (+7062.26%)
Mutual labels: notes, markdown
Notes
📝 Migrated to(迁移至) https://github.com/Kuangcp/Note 当前仓库已经废弃, 对应的博客网站:
Stars: ✭ 33 (-68.87%)
Mutual labels: notes, markdown
Ml Note
📙慢慢整理所学的机器学习算法，并根据自己所理解的样子叙述出来。(注重数学推导)
Stars: ✭ 537 (+406.6%)
Mutual labels: notes, markdown
Gitjournal
Mobile first Note Taking integrated with Git
Stars: ✭ 1,138 (+973.58%)
Mutual labels: notes, markdown
Trackmd
Tools for tracking changes in Markdown format within RStudio
Stars: ✭ 89 (-16.04%)
Mutual labels: productivity, markdown
Nextein
A static site generator with markdown + react for Next.js
Stars: ✭ 825 (+678.3%)
Mutual labels: markdown, nextjs
Yana
Powerful note-taking app with nested documents, full-text search, rich-text editor, code snippet editor and more
Stars: ✭ 87 (-17.92%)
Mutual labels: productivity, notes
Next Offline
make your Next.js application work offline using service workers via Google's workbox
Stars: ✭ 1,306 (+1132.08%)
Mutual labels: nextjs, offline
Tinacms
Open source editor that brings visual editing into React websites. A developer-centric CMS to build contextual and intuitive editing experience without sacrificing code quality.
Stars: ✭ 6,804 (+6318.87%)
Mutual labels: markdown, nextjs
Enex Dump
Dump the content of .enex files, preserving attachements, some metadata and optionally converting notes to Markdown.
Stars: ✭ 73 (-31.13%)
Mutual labels: notes, markdown
Polyx
Productivity suite written from scratch in Ink on the backend and Torus on the web
Stars: ✭ 98 (-7.55%)
Mutual labels: productivity, notes
Spaceboard
Pinterest for Notes.
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
Inspiration
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
Dev
Tech stack: Next.js, React, ThemeUI/Styled-system, TypeScript
yarn create next-app --example with-typescript
yarn
yarn dev
Todos
-
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 your own
Deploy the example using Vercel:
Deploy it to the cloud with Vercel (Documentation).
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].