Retour aux projets

Projet open source

Piéride

Ta vie scolaire sur ordinateur : PRONOTE, ÉcoleDirecte, Skolengo et plus, dans une seule app de bureau.

Rôle
Identité, UX, interface et développement
Année
October 2026

Aperçu

Papillon, auquel je contribue, est pensé pour le téléphone. Sur iPad, il passe à une barre latérale et à une vue semaine, mais le reste est l'interface tactile étirée : détails en modales plein écran, gestes de balayage, menus en bas d'écran. Piéride reprend l'esprit de Papillon, avec l'accord de son équipe et sous la même licence GPLv3, et repense l'expérience pour un ordinateur.

J'ai commencé par l'identité. La piéride est un petit papillon blanc, très commun en France : le logo la dessine d'un seul trait, sans lever le crayon. L'indigo profond porte la marque, et le jaune soufre ne sert qu'aux accents, comme le bout des ailes. Autour, un motif de petits papillons, une icône 3D et deux polices, Unbounded et SN Pro.

Pour l'UX, la règle est que rien ne cache la page. Un clic sur un cours ou une note ouvre son détail dans un panneau à droite, sans quitter la liste. La barre latérale se construit par modules, selon les services du compte sélectionné, et tout se fait aussi au clavier, avec une palette de commandes sur Ctrl K. J'ai dessiné 64 maquettes desktop en thème clair et autant en sombre, construites sur Figma.

Côté technique, une WebView est soumise au CORS, contrairement à React Native. Toutes les requêtes vers les services scolaires passent donc par le plugin HTTP de Tauri, avec une liste fermée de domaines autorisés. Cette couche réseau et une CI GitHub Actions qui construit l'application sur les trois systèmes sont en place. La base locale SQLite avec Drizzle et le trousseau du système pour les identifiants sont les prochaines étapes : le développement est en cours, et il n'y a pas encore de version à télécharger.

Points clés

  • Identité complète : logo d'un seul trait, palette indigo et soufre, motif de papillons, icône 3D
  • 64 maquettes desktop en thème clair et 64 en sombre, construites sur Figma
  • UX pensée pour le bureau : barre latérale par modules, panneau détail, palette Ctrl K
  • Requêtes sans CORS via le plugin HTTP de Tauri, avec une liste fermée de domaines
  • CI GitHub Actions qui construit l'application sur Windows, macOS et Linux

Stack

  • Tauri
  • Rust
  • React
  • TypeScript
  • Vite
  • Figma
  • GitHub Actions