Zentaplan

Zentaplan is an offline-first Chrome New Tab extension that gives you a focused workspace every time you open a new tab.

It combines:

• Web shortcuts
• Daily 3 priority tasks
• Simple TODO list
• Multi-project kanban flow
• Theme customization + backup/restore

Demo

Screenshots

Workspace Overview

Web Shortcut

Priority Tasks and TODO

Multi-Project Kanban

Settings Page

Features

Web Shortcut Launch Pad

• Add shortcut via modal URL input
• Auto-resolve website title and favicon (fallback included)
• Delete shortcut quickly from card

Daily Focus

• Max 3 active priority tasks
• Optional project link for each priority task
• Separate simple TODO list for overflow items

Multi-Project Flow (Kanban)

• Project folders (Inbox, custom projects, duplicates, reorder)
• Columns: Todo, Doing, Done
• Drag-and-drop card movement
• Progress checkbox flow with confirmation:
• Todo -> Doing
• Doing -> Done

Theme and Layout

• Accent color picker
• Background upload + blur
• Light/Dark mode
• Compact/Cozy layout
• Reset to default (with confirmation)

Backup and Restore

• Export workspace to JSON
• Import JSON with schema validation and migration support

Tech Stack

• Chrome Extension Manifest v3
• Vanilla JavaScript (ES Modules)
• HTML + CSS (CSS variables for theming)
• IndexedDB with localStorage fallback
• ESLint + Prettier

Project Structure

.
├── manifest.json
├── newtab.html
├── settings.html
├── images/
├── css/
├── js/
├── docs/
└── tmp/

Installation (Load Unpacked)

1. Clone this repository.
2. Open Chrome and go to chrome://extensions.
3. Enable Developer mode.
4. Click Load unpacked.
5. Select this project folder.
6. Open a new tab to start using Zentaplan.

Usage

Steps:

1. Open Settings.
2. Click Import Data.
3. Select the dummy JSON file above.

Export Backup

1. Open Settings.
2. Click Export Data.
3. A versioned backup JSON file will be downloaded.

NPM Scripts

npm run lint
npm run format:check

Permissions

manifest.json uses:

• chrome_url_overrides to replace the New Tab page.
• host_permissions (http://*/*, https://*/*) for best-effort shortcut metadata/favicon resolution.

No backend service is required.

Notes

• Core productivity features are local-first and remain usable offline.
• Web shortcut metadata/favicons are best-effort and may vary per site/network policy.
• Current data export version is 4.