ERA — Web app · goal planner

Goal planner where the screen splits into four live quadrants around one focus: sub-goals, the current goal, contacts and tasks.

Role: Architect & full-stack developer (Nuxt 3 frontend, Laravel API, Kubernetes)

Client: Startup MVP

Team: Solo

Period: 2024

Most planners are lists, and long-term goals get lost among daily tasks. ERA tests a spatial interaction model instead: the current goal sits at the centre of the screen, with its sub-goals, tasks and the people involved arranged in quadrants around it. Users zoom into a sub-goal to make it the new focus and reorganise everything by dragging. The MVP had to feel smooth enough to validate the concept.

I built the whole MVP alone. The Nuxt 3 frontend uses a custom four-quadrant layout with glass-style panels, Pinia stores with persisted state and vuedraggable: dropping a goal on the centre makes it the focus, dropping goals or tasks on the side zones archives them, and selecting a task and then a contact assigns it. The Laravel API provides JWT auth with email, Google and Facebook sign-in, plus goals, tasks and contacts with soft deletes and restore. It runs on Kubernetes, with the frontend on Cloudflare Workers.

Four quadrants around the focus: sub-goals, current goal, contacts and tasks

Zoom into any sub-goal; activate goals and add sub-goals and tasks inline

Drag & drop to refocus, archive and restore goals and tasks

Assign tasks by selecting a task and a contact; contact search

Email, Google and Facebook sign-in (JWT); responsive mobile layout

Working MVP built solo in six months; 40+ commits; deployed on Kubernetes, frontend on Cloudflare

Nuxt 3, Vue 3, TypeScript, Pinia, vuedraggable, Laravel, MySQL, Kubernetes, Cloudflare Workers