https://github.com/octoshrimpy/fusen
fusen: sticky note (ไป็ฎ) โ single-file, markdown-driven kanban ๐๏ธ
https://github.com/octoshrimpy/fusen
kanban markdown organization trello-clone
Last synced: 18 days ago
JSON representation
fusen: sticky note (ไป็ฎ) โ single-file, markdown-driven kanban ๐๏ธ
- Host: GitHub
- URL: https://github.com/octoshrimpy/fusen
- Owner: octoshrimpy
- Created: 2025-06-03T04:15:31.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-04T13:50:53.000Z (about 1 year ago)
- Last Synced: 2025-10-09T18:39:59.352Z (10 months ago)
- Topics: kanban, markdown, organization, trello-clone
- Language: HTML
- Homepage: https://octoshrimpy.github.io/fusen
- Size: 27.3 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ๐๏ธ fusen
**fusen** (ไป็ฎ) translates to a simple *sticky note* in Japanese โ and that's exactly the idea.
A minimal, single-file, markdown-powered kanban board. Just drop it on GitHub Pages or your local machine and start organizing your thoughts. No build tools, no frameworks, no nonsense.
---
## โจ Features
- ๐ Write your board in plain Markdown
- ๐ง Frontmatter-powered configuration
- ๐งฒ Drag and drop tasks between columns
- ๐ชถ Built with [Pico.css](https://picocss.com/) and Web Components
- ๐พ Save to file โ no backend needed
- ๐งฉ One HTML file, nothing else
---
## ๐ฆ Usage
Write your kanban board like this:
```markdown
---
board-title: Personal Tasks
columns:
- [๐ง] Icebox
- [๐ง] In Progress
- [โ
] Done
---
- `[๐ง]` Learn CSS
- `[๐ง]` Build fusen
- `[โ
]` Take a break
```
Then load it in `index.html`:
```html
```
---
## ๐ง Settings
Click the โ icon to open the settings modal. Customize:
* Board title
* Column symbols
* Save-as name
---
## ๐ Deploying
Just push to GitHub Pages or open the HTML file locally. Thatโs it.
---
## ๐ง Philosophy
**fusen** is about flow, not friction.
No logins, no databases, no yak shaving.
---
## ๐ ๏ธ Dev
Everything is in one file: `index.html`.
* Want to change how cards look? Edit the CSS.
* Want to parse different Markdown? Update the JS.
* Want to add new features? Keep it lean.
---
## ๐ License
MIT ยฉ octoshrimpy
---