https://github.com/mdiener21/personal-kanban
Local offline personal kanban no frameworks pure html, css and vanilla javascript. Unlimited Boards
https://github.com/mdiener21/personal-kanban
daily-tasks fast kanban kanban-board localstorage mit-license open-source personal planner private productivity simple task-manager todo todo-app vanilajs vanilla-javascript
Last synced: 5 months ago
JSON representation
Local offline personal kanban no frameworks pure html, css and vanilla javascript. Unlimited Boards
- Host: GitHub
- URL: https://github.com/mdiener21/personal-kanban
- Owner: mdiener21
- License: other
- Created: 2026-01-06T16:02:10.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2026-02-06T21:35:30.000Z (5 months ago)
- Last Synced: 2026-02-07T08:52:15.701Z (5 months ago)
- Topics: daily-tasks, fast, kanban, kanban-board, localstorage, mit-license, open-source, personal, planner, private, productivity, simple, task-manager, todo, todo-app, vanilajs, vanilla-javascript
- Language: JavaScript
- Homepage: https://mdiener21.github.io/personal-kanban/
- Size: 2.62 MB
- Stars: 2
- Watchers: 0
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Personal Kanban Board
Live Demo-Site make it yours: https://mdiener21.github.io/personal-kanban/
Documentation: /docs [documentation](https://github.com/mdiener21/personal-kanban/tree/main/docs)
No backend. No tracking. No cloud, fully local in your browser, no-server-required personal kanban board with localStorage persistence.
The board data is stored only in your browser (ex. Chrome, Edge, Safari). The data is persistent from session to session even
if you delete all your cache the data is safe in your localStorage in the browser itself. Safest is it use the export button
that saves the board to a local file you can backup to your cloud storage, drop box, one drive, google drive etc.
## Data Persistence
All data is stored in browser localStorage. **Remember to export regularly** to avoid data loss when clearing browser data.
## Features
- ✅ Local-first (no server, no backend, no cloud involved)
- 🎨 Drag & drop tasks and columns
- 🏷️ Custom labels and columns with colors
- 💾 Export/Import to local file (format: JSON)
- 📱 Responsive design Mobile and Desktop
## Super Quick Start Host Yourself
The repo includes the built static site already to deploy, simply copy and then upload/publish the `dist/` directory to your webhost.
1. Hetzner: https://www.hetzner.com/de/webhosting
## Deploy (Static Site)
This app builds to a static site. Deploy the contents of `dist/` to any static host.
```bash
npm ci
npm run build
```
- Upload/publish the `dist/` directory.
## Quick Start
From the repository root:
```bash
npm install
npm run dev
```
Vite will open the app (default: `http://localhost:3000`).
## Development Setup
### Prerequisites
- Node.js (v18 or higher)
- npm or yarn
### Installation
1. Install dependencies:
```bash
npm install
```
1. Start the development server:
```bash
npm run dev
```
The app will open in your browser at `http://localhost:3000`.
### Build for Production
```bash
npm run build
```
The built files will be in the `dist` directory.
### Preview Production Build
```bash
npm run preview
```