Aller au contenu
jCode

Projet clientStartup d'IA2022 · 2023

Réglages du thème d'un assistant IA dans le tableau de bord, avec le nom du bot, le nom de l'enseignant flouté et la couleur, à côté de l'aperçu de la fenêtre de discussion présentée aux apprenants
Thème d'un assistant

Projet clientStartup d'IA2022 · 2023

Stellia.ai : un tableau de bord React pour les questions et réponses issues de l'IA

J'ai pris en charge le frontend React de Stellia.ai, un tableau de bord qui gère les questions et réponses que son IA tire de documents. Je l'ai développé en TDD avec Vitest et Cypress, en plusieurs langues, avec des documents PDF générés en React PDF.

Client
Stellia.ai (incubée à l'École polytechnique)
RĂ´le
Développeur frontend senior React
Durée
7 mois, de juillet 2022 Ă  janvier 2023
Cadre
Freelance, Ă  distance, en autonomie technique sur le frontend
001
Le contexte

Gérer ce que produit une analyse par IA

Stellia.ai est une startup spécialisée dans l'analyse de corpus par intelligence artificielle. J'ai travaillé sur le tableau de bord en lien direct avec son équipe produit et son équipe IA.

002
La démarche

Comment j'ai travaillé pour Stellia.ai

Le besoin et mon rĂ´le
J'ai eu la charge du frontend du tableau de bord pendant toute la mission, en corrigeant des bugs et en ajoutant des fonctionnalités au fil de ses évolutions.
Contraintes
Un tableau de bord qui évoluait avec le produit, disponible en plusieurs langues et capable de produire des documents PDF.
Décisions techniques
React avec Redux et une API GraphQL, une interface construite avec Storybook et Tailwind CSS, React PDF pour les documents et l'internationalisation de tous les parcours.
Vérifications et mises en production
Développement piloté par les tests : tests unitaires avec Vitest, tests de bout en bout avec Cypress et une chaîne CI/CD complète.
003
Livrables

Ce que j'ai livré pour Stellia.ai

  1. Tableau de bord ReactLe frontend du tableau de bord en React et TypeScript, développé en TDD
  2. Interface et documents PDFStorybook et Tailwind CSS pour l'interface, React PDF pour les documents
  3. État et APIUne architecture Redux pour l'état, sur l'API GraphQL
  4. InternationalisationTous les parcours utilisateur internationalisés (i18n)
004
Technologies et captures

Les technologies utilisées pour Stellia.ai

Le tableau de bord, qui portait alors le nom ProfessorBob, avec la liste des assistants IA actifs et le nombre de bibliothèques de documents utilisées par chacun
Assistants et bibliothèques
Fenêtre de création d'une bibliothèque de documents, avec un libellé, une description et la langue des documents
Création d'une bibliothèque
Page Storybook du champ de choix de couleur de la bibliothèque de composants du tableau de bord, avec un exemple interactif et le tableau de ses propriétés
Composants dans Storybook
006
Contact

Parlons de votre projet.

Présentez ce que vous souhaitez créer ou améliorer, votre budget et l'échéance envisagée.

  • 100 % à distance
  • Français ou anglais
  • France · Royaume-Uni · États-Unis