Biris Tech Logo
Biris Tech
Toutes les réalisations
Site Web

Oria, outil de gestion de projets

Un outil de gestion de projets en français, conçu et développé par Biris Tech pour un client. Il est hébergé chez nous en attendant que le client choisisse son nom de domaine.

Client
Oria
Année
2026
Domaine
Site Web
Voir le projet en ligne
Tableau des tickets d'un espace projet dans Oria

Le contexte

Les équipes qui mènent plusieurs projets logiciels en parallèle jonglent souvent entre un tableur de suivi, une messagerie et un outil de tickets étranger à leur langue de travail. Oria répond à ce morcellement en réunissant dans un même espace le backlog, les sprints, le tableau de tâches, le registre des risques, le budget et la documentation de projet, le tout entièrement en français. L'application est publiée sur le domaine bitechlab.com, qui héberge les produits internes de Biris Tech. Le périmètre couvre la conception de l'interface et le développement, réalisés par Biris Tech. L'enjeu était de proposer un outil de gestion de projet complet sans le poids d'installation et de configuration des plateformes du marché.

La mission

  1. 01Concevoir l'interface d'un outil de gestion de projet entièrement en français
  2. 02Structurer la navigation autour d'espaces, de projets et de tickets
  3. 03Construire un tableau de tâches manipulable au glisser-déposer, accessible au clavier
  4. 04Ajouter la planification par sprints avec chronologie et dépendances
  5. 05Mettre en place les tableaux de bord de suivi (avancement, charge, budget, risques)
  6. 06Permettre la collecte de demandes externes par formulaire public
  7. 07Définir un système de thèmes clair et sombre à partir de variables partagées
  8. 08Rendre l'application installable sur poste et sur téléphone

Ce que nous avons fait

Le produit a été pensé pour des équipes qui trouvent les outils du marché trop lourds ou trop anglophones. Nous avons défini la direction artistique et l'architecture des écrans avant tout développement, puis construit l'application autour d'un petit nombre de vues réellement utilisées au quotidien. L'ensemble est en français, du vocabulaire de l'interface aux messages d'erreur.

Les livrables

  • Conception de l'interface et des parcours (connexion, espaces, projets, tickets)
  • Système de conception : variables de couleurs, espacements, thème clair et thème sombre
  • Application monopage React développée et compilée avec Vite
  • Modules métier : tableau de tâches, sprints, chronologie, risques, budget, documents
  • Tableaux de bord de suivi : burndown, vélocité, charge par membre, dépenses
  • Formulaire public de collecte de demandes transformées en tickets
  • Installation en application (manifeste PWA, icône, mode autonome)

Les résultats

  • Un outil de gestion de projet complet accessible depuis un navigateur, sans installation ni configuration serveur pour l'utilisateur
  • Une interface entièrement en français, des libellés aux messages d'erreur et aux états vides
  • Un socle réutilisable pour les projets internes de Biris Tech, avec thème clair et thème sombre partagés
  • Des ressources versionnées mises en cache un an, ce qui évite de retélécharger l'application à chaque visite
  • Une application installable sur poste et sur téléphone grâce au manifeste et à l'agent de service

Les technologies utilisées

Ce qui a servi à mettre le projet en place, et pourquoi ces choix plutôt que d'autres.

Socle applicatif

  • React

    Interfaces riches à état fréquent : tableaux, cartes déplaçables, panneaux latéraux

  • Vite

    Compilation en fichiers empreintés, servis en statique et mis en cache durablement

  • React Router

    Navigation côté navigateur avec routes de données et écrans protégés par la session

État et données

  • Zustand

    État partagé léger entre le tableau, la barre latérale et les filtres

  • Zod

    Validation des formulaires avec messages d'erreur rédigés en français

  • socket.io-client

    Mise à jour en direct des tickets pour les membres d'un même espace

Interface

  • Tailwind CSS et variables de thème

    Couleurs et espacements centralisés, thème sombre dérivé sans duplication

  • lucide-react

    Jeu d'icônes cohérent sur l'ensemble des vues

  • Glisser-déposer accessible

    Déplacement des cartes à la souris comme au clavier, avec annonces vocales

Restitution et suivi

  • Recharts

    Burndown de sprint, vélocité et tendance des dépenses

  • Exports PDF et tableur

    Synthèse de projet transmissible hors de l'outil

Diffusion

  • nginx derrière Caddy

    Service des fichiers statiques avec HTTP/3 et cache immuable sur les ressources

  • Manifeste PWA et agent de service

    Installation sur poste et sur téléphone, démarrage en mode autonome

Le projet en images

Cliquez sur un visuel pour l'agrandir.

Tableau de bord personnel : ce qui vous est assigné et vos espaces récents
Tableau des tickets, par colonne d'avancement
Backlog : les tickets à planifier
Chronologie du projet
Résumé d'un espace projet
Écran de connexion
Création de compte

Sur mobile

La majorité des visites se fait au téléphone : voici le rendu tel que le voit un visiteur.

Tableau de bord sur mobile
Tableau des tickets sur mobile
Backlog sur mobile
Connexion sur mobile