Tous les projets

Personnel Clarity

Une liste de tâches construite autour des objectifs de l'année et du trimestre, pour voir si ce qu'on fait aujourd'hui y mène.

Année
2026 — aujourd'hui
Stack
React · Vite · TanStack Router · TanStack Query · Supabase · PostgreSQL · pgcrypto · Zustand · PWA · Next.js · Tailwind · Claude Design

Contexte

Les listes de tâches gèrent bien la journée. Elles ne disent rien de l'année : on coche beaucoup sans savoir si on avance sur ce qu'on s'était fixé.

Clarity part de l'autre bout : il prend les objectifs qu'on s'est donnés pour l'année, et fait descendre tout le reste à partir de là.

Mon rôle

Conçu et développé avec un ami. La spécification écrite avant le code, et les maquettes à part.

Approche

L'objectif d'abord, la tâche ensuite

On ne crée pas une tâche seule : elle se rattache à un jalon du trimestre, qui se rattache à un objectif de l'année. La liste de la semaine est donc toujours la conséquence de quelque chose.

Trois horizons, trois revues

Chaque semaine pour la semaine, chaque trimestre pour le jalon, chaque année pour l'objectif. C'est là que se voit l'écart entre ce qu'on avait prévu et ce qu'on a fait.

L'UX avant les fonctionnalités

Une application qu'on ouvre tous les jours n'a droit à aucun frottement : une routine ne tient que si elle est facile. La navigation est dessinée pour que ranger une tâche ou faire sa revue demande le moins de gestes possible.

Une vraie application sur le téléphone

Clarity est une PWA : elle s'ajoute à l'écran d'accueil depuis le navigateur, sans passer par un store, et s'ouvre en plein écran. L'interface mobile suit les conventions du mobile, elle n'est pas une version rétrécie du bureau.

Les données restent privées

Tout est derrière un compte et chiffré en base, avec un modèle de menace écrit : ce que l'application protège, contre qui, et ce qu'elle ne protège pas.

Résultat

En production. Nous l'utilisons tous les jours, et quelques personnes de notre entourage aussi.