Skip to content
Rana Hassan

Aura

An AI productivity app for notes, tasks, and focus sessions, with real-time collaboration and an agent that asks before it acts.

Client
Personal project
Year
2025
Role
Product design, Front-end engineering
Stack
React 19, TypeScript, Tailwind CSS v4, SpacetimeDB, TipTap + Yjs, Gemini, Capacitor
Aura app interface

Aura started as a note-taking app and grew into a full productivity system: rich notes, tasks, focus sessions, and habit tracking, synced in real time across web and native mobile builds.

It is also where I test how an AI agent should behave inside a tool you trust with your plans. The answer I landed on: it proposes, you approve.

Product motion: “From chaos to calm.”

An agent with a confirmation step

Aura's agent reads your notes and tasks and drafts actions: reschedule this, break that into subtasks, file this note. Every write it wants to make renders as a preview card you accept or dismiss. Nothing mutates without explicit confirmation.

Designing the preview-and-confirm pattern meant the agent could be genuinely useful without the anxiety of an autonomous system editing your data in the background.

Agent write path

  1. 01Agent drafts an action from context
  2. 02Preview card shows the exact change
  3. 03User accepts or dismisses
  4. 04Accepted changes sync to every device

Real-time everywhere, including a home-screen widget

Collaboration runs on a conflict-free sync layer built with Yjs and SpacetimeDB, so two people can edit the same note without stepping on each other. The same data layer feeds Android home-screen widgets with the day's tasks and quick add.

The editor is built on TipTap: task lists, tables, inline formatting, images, and links, designed to stay readable at phone width.

Aura rich text editor with task lists