Home

NexTask Wiki

A modern, cross-platform desktop todo list, built with Electron, Vue 3, Prisma and TailwindCSS.

---

Welcome to the NexTask developer documentation. This wiki is the single source of truth for anyone working on the project — from a first npm install to understanding how a task travels from a Kanban card all the way down to the SQLite database.

What is NexTask?

NexTask is a desktop Kanban-style todo application. Tasks are organized into columns (called stages), can be created, edited, reordered by drag-and-drop, and archived. The whole thing runs as a native desktop app on Windows, macOS and Linux thanks to Electron.

Under the hood it is a small but complete full-stack application packed into a single desktop binary:

• a Vue 3 renderer for the UI,
• a Fastify REST API running inside the Electron main process,
• a Prisma + SQLite persistence layer.

Feature highlights

• ✅ Create, edit, archive tasks
• 🗂️ Custom columns (stages) — add, rename, reorder, delete
• 🖱️ Drag-and-drop to reorder tasks and columns (vuedraggable / SortableJS)
• 🎨 Theming — light / dark mode and 17 primary color palettes, persisted between sessions
• 💾 Local persistence with Prisma over SQLite (WAL mode)
• 📑 Auto-generated API docs via Swagger UI
• 🖥️ Cross-platform desktop builds (Windows, macOS, Linux)

Where to start

If you want to…	Go to
Install and run the app locally	Getting Started
Look up a command	Useful Commands
Understand how the pieces fit together	Architecture
Find your way around the codebase	Project Structure
Work on the database or migrations	Database
Consume or extend the REST API	REST API
Work on the UI, stores or theming	Frontend
Build, package or ship the app	Build and Packaging
Write or run tests	Testing
Follow the project conventions	Contributing

At a glance

Current version	1.0.2
License	Apache-2.0
Node.js	24.x
Package manager	npm 12
Repository	github.com/Daarunia/NexTask
Author	Maxime Van Eygen (@Daarunia)

A note on this project: NexTask is a personal, ever-evolving project built to explore modern tooling — Vue 3, Electron, Prisma, TailwindCSS, Vite and more. Expect the codebase (and this wiki) to grow over time.