CCorentin
En coursv0.1tool

Helios

Un tableau de bord bureau personnel construit avec Tauri 2 et React. 28+ widgets, gestion de projets Kanban, graphe réseau interactif et surveillance système.

nitroc.xyz
Contexte

Le problème & les objectifs

Helios est un tableau de bord bureau auto-hébergé construit sur Tauri 2 (backend Rust) et React 19. Il propose une grille de widgets glisser-déposer, un écosystème de 28 plugins couvrant les stats système, Docker, les flux RSS, les notes, la finance et bien plus. Il inclut également un système de gestion de projets Kanban, un graphe de topologie réseau interactif et un agent distant pour surveiller des serveurs headless.

Problème

28+ plugin widgets (system stats, Docker, RSS, notes, finance…)

Objectif

Drag-and-drop grid dashboard

Mon rôle

Ce que j'ai géré

Solo

  • Kanban project management
  • Interactive network topology graph
La construction

Stack & pourquoi

Chaque choix devait mériter sa place.

Tauri 2

Tech

Electron a été écarté - un runtime Node.js de 150 Mo pour un tableau de bord local, c'est excessif. Le core Rust de Tauri produit un binaire de ~5 Mo avec un accès direct aux APIs système.

React 19

Tech

Chaque widget est un composant React isolé - ajouter un plugin revient à déposer un seul fichier. Le rendu concurrent de React 19 maintient la réactivité du dashboard lors des fetchs lourds.

Rust

Tech

Les métriques système et les appels au socket Docker nécessitent un backend compilé. Le modèle d'ownership de Rust empêche les bugs mémoire qui crasheraient un daemon de longue durée.

SQLite

Tech

Pas de serveur de base de données à installer - l'app embarque sa propre couche de persistance. Installation unique, zéro wizard de configuration ni chaîne de connexion.

Fonctionnalités

Fonctionnalités clés

01

28+ plugin widgets (system stats, Docker, RSS, notes, finance…)

02

Drag-and-drop grid dashboard

03

Kanban project management

04

Interactive network topology graph

Projet suivant

Zeus

Mon portfolio personnel - le site sur lequel vous vous trouvez. Construit avec Next.js, Tailwind CSS et next-intl pour le support bilingue.