Rows stopped being vertically centred. Aligning them to flex-start so the controls stay on the first line of a wrapped task also let the 32px row buttons set the row height, which left the 24px checkbox and text sitting 4px above centre on every single-line row. Everything on the first line now occupies the same 32px band, so a single-line row centres and a wrapped one still puts its controls on the first line. A padding shorthand later in the same rule was quietly resetting the longhand that does it. The phone layout was spending 372px of an 812px screen, 46% of it, before the first task appeared. The header stacked into two rows because the wordmark and the controls could not share one: they need 422px and there are 343. The wordmark goes below 480px, since the logo carries the identity and an installed app already has its name under the icon, and it stays in the accessibility tree so the page keeps its h1. The heading and date share a line again rather than stacking unconditionally. That is 372 down to 261, 46% down to 32%. That left the rows themselves too tight, because both actions stay visible where there is no hover and were taking 44% of the row width, cutting the text to 21 characters a line. Tighter gaps and padding, and a smaller drawn button whose 44px target comes from the overlay underneath rather than its own box, bring that back to 24.
Negotium - Minimalist To Do App
A beautiful, minimal to-do list application featuring smooth animations, intelligent date management, and a modern design that helps you stay organized and productive.
💭 Why Negotium?
While powerful tools like Trello and Vikunja excel at managing complex projects and long-term planning, sometimes you just need a simple, focused space for your daily tasks. That's why I built Negotium, a straightforward to-do list for today and tomorrow. Nothing more, nothing less.
Built with Svelte for speed and simplicity. No overwhelming features, no endless project boards, no complexity. Just a clean interface for your daily workflow.
✨ Features
Core Functionality
- ✅ Add, complete, and delete tasks with smooth animations
- ↩️ Undo - Deleted something by mistake? An Undo button appears, and
Cmd/Ctrl+Zworks too. The task returns to its original position - 📅 Today & Tomorrow lists - Plan ahead with separate task lists
- 🔄 Unfinished work carries over - When a new day begins, tasks you didn't finish move to Today; completed ones are cleared away
- ✏️ Edit a task - Fix a typo without deleting and retyping it
- ➡️ Push a task to tomorrow - Didn't get to it? Move it across without retyping it
- 🎯 Reorder by drag or keyboard - Drag with a mouse, long-press and drag on touch, or use
Alt+↑/Alt+↓ - 💾 Persistent storage - All tasks saved locally in your browser
- 📊 Task statistics - See how many tasks remain at a glance
- 📱 Installable and works offline - Add it to your home screen or dock and it runs with no connection
- 📦 Export and import - Take your tasks with you, or keep a backup
🚀 Getting Started
Quick Start with Docker (Recommended)
Pull and run the pre-built Docker image:
# Pull the image
docker pull ghcr.io/aculix/negotium:main
# Run the container
docker run -d -p 3000:80 --name negotium ghcr.io/aculix/negotium:main
Then open http://localhost:3000 in your browser.
To stop the container:
docker stop negotium
docker rm negotium
Manual Installation
If you prefer to run the application locally without Docker:
- Clone the repository:
git clone <repository-url>
cd negotium
- Install dependencies:
npm install
- Start the development server:
npm run dev
- Open
http://localhost:3000in your browser
Build for Production
npm run build
The optimized files will be in the dist directory.
Running the Tests
npm test
The date, storage, rollover, task and undo logic lives in src/lib/ as plain modules that take the current time as an argument, so behaviour at a day boundary is covered by ordinary unit tests rather than by waiting for midnight.
📖 How to Use
Managing Tasks
- Add a task: Type in the input field and press Enter
- Complete a task: Click the checkbox next to the task
- Edit a task: Click its text. Enter saves, Escape cancels, and clicking away saves too
- Delete a task: Click the delete icon on the task (it shows on hover, and is always visible on touch), or press
Deletewith the task focused - Undo a delete: An Undo button appears for a few seconds after anything is removed.
Cmd/Ctrl+Zdoes the same. Either way the task returns to where it was - Move a task to Tomorrow: Click the arrow on the task, or press
Alt+→. From Tomorrow, the arrow points back andAlt+←returns it to Today - Reorder tasks: Drag with a mouse, long-press then drag on touch, or focus a task and press
Alt+↑/Alt+↓ - Clear input: Press Escape while the input is focused
Date Management
- Switch between Today and Tomorrow: Pick either one in the header. The current day is the highlighted one
- Plan ahead: Add tasks to Tomorrow's list before you need them
- Separate lists: Today and Tomorrow maintain independent task lists
- Carry-over: When a new day begins, whatever you didn't finish moves into Today, and the app tells you how many tasks it brought forward so they don't look like they appeared from nowhere. Completed tasks are cleared away with the day they belonged to. It works across gaps too. If you don't open Negotium for a week, everything still outstanding is waiting for you.
- While it's open: The app notices the day change on its own, so a tab left open overnight rolls over without a reload.
Installing It
Negotium is a PWA, so it installs like an app and runs without a connection.
- iPhone and iPad: open it in Safari, tap Share, then Add to Home Screen
- Android: Chrome offers Install from the menu, or prompts you directly
- Desktop: Chrome and Edge show an install button in the address bar
Once installed it opens in its own window with no browser chrome, and works on a plane. The app never needed the network for anything beyond loading itself.
Backing Up and Moving Between Devices
Everything lives in one browser's storage, so Export writes it all to a JSON file you can keep or carry somewhere else. Import reads that file back.
Import only ever adds. Tasks already present are left alone, so importing the same file twice changes nothing and importing into a list you're already using can't lose anything. The flip side is that import restores rather than reverts: it won't undo work you did after the export.
Theme Toggle
- Click the sun/moon icon in the header to switch themes
- Your preference is saved automatically and restored on reload
- Respects system dark mode preference on first visit
Keyboard Shortcuts
- Enter: Add task (when input is focused)
- Escape: Clear input field (when input is focused)
- Space/Enter: Toggle task completion (when a task's checkbox is focused)
- Delete: Delete the focused task
- Cmd/Ctrl+Z: Undo the last delete or clear-completed
- Alt+↑ / Alt+↓: Move the focused task up or down
- Alt+→ / Alt+←: Send the focused task to Tomorrow, or bring it back to Today
Backspace no longer deletes a task. It is too easily pressed by accident, and deletions used to be unrecoverable.
💾 Data Storage
All data is stored locally in your browser using localStorage:
- Tasks: One key per date, in ISO form (
negotium-tasks-2026-08-15) - Theme: Your theme preference (
negotium-theme) - No server required: Everything runs entirely client-side
- Privacy first: Your data never leaves your device
- Self-pruning: Past days are removed as their unfinished tasks carry forward, so storage doesn't grow without bound
- Yours to take: Export writes everything to a JSON file, so your tasks aren't trapped in one browser
Earlier versions keyed tasks by a different date format (negotium-tasks-Sat Aug 15 2026). Those convert automatically the first time you open this version. Nothing to do, and nothing is lost.
📄 License
MIT License - Free for personal and commercial use.
🤝 Contributing
Contributions are welcome! Feel free to submit issues and pull requests.
