Project Canvas

Une application web pour visualiser et organiser des projets sous forme de canvas interactif.

Installation

1. Clonez le dépôt :

   git clone https://github.com/voncapel/trask.it.git
   cd project-canvas

2. Installez les dépendances :

   npm install
   # ou
   yarn install
   # ou
   pnpm install

Utilisation

Pour lancer le serveur de développement :

npm run dev
# ou
yarn dev
# ou
pnpm dev

Ouvrez http://localhost:3000 dans votre navigateur pour voir l'application. Pour ouvir avec chromium : "/Applications/Chromium.app/Contents/MacOS/Chromium --app="http://127.0.0.1:3000" --window-size=1280,800 --window-position=0,0 --incognito --disable-translate --no-first-run"

Raccourcis Clavier

Navigation dans le Canvas

• Flèches (Haut, Bas, Gauche, Droite) : Naviguer entre les nœuds. La navigation suit la structure logique (parents, enfants, frères/sœurs).
• Echap : Désélectionner le nœud actuellement focus.

Actions sur les Nœuds

• Espace (sur un nœud focus) : Ouvrir/Fermer la popover d'actions du nœud.
• Entrée (sur un nœud focus) : Ouvrir la popover d'actions du nœud.
• N (quand un nœud est focus) : Créer un nouveau nœud enfant pour le nœud sélectionné.

Navigation dans la Popover d'Actions

• Flèches (Haut, Bas) : Naviguer entre les options de la popover.
• Entrée : Sélectionner l'option focus dans la popover.
• Echap : Fermer la popover.