Téo Casanova
Retour aux projets

Abricot.

Application Next.js de gestion de projet permettant de créer des projets, organiser les tâches, gérer les contributeurs et générer des brouillons de tâches avec Mistral.

Abricot
GitHubFull-StackSaaSIA
nexttypescriptreactauthmistral

Contexte

Projet réalisé dans le cadre du parcours OpenClassrooms. L'objectif était de développer l'ensemble du frontend d'un SaaS collaboratif à partir d'une API Express existante.

Stack

Next.js App RouterTypeScriptReactReact Hook FormZodCSS ModulesMistral APIExpress API

Choix techniques

  • Next.js App Router pour séparer le chargement serveur des interactions côté client
  • Route Handlers pour sécuriser les échanges entre le navigateur et l’API Express
  • React Hook Form et Zod pour gérer et valider les formulaires
  • TypeScript pour typer précisément les différentes réponses de l’API
  • Mistral côté serveur pour générer des brouillons de tâches validés avant création

Fonctionnalités

Gestion des projetsGestion des tâchesContributeursVue Liste / KanbanGénération par IAAuthentification JWTInterface responsive

Ce que ce projet démontre

  • Développement d'un frontend Next.js complet à partir d'une API existante
  • Gestion de formulaires complexes avec React Hook Form et Zod
  • Intégration sécurisée d’un LLM avec validation des réponses
  • Gestion des permissions, erreurs et sauvegardes partielles
  • Mise en place d’une interface responsive et accessible

Limites actuelles

  • Backend fourni et amélioré dans le cadre du projet
  • Création des tâches IA réalisée séquentiellement sans endpoint de création en masse
  • Certaines limites du backend sont compensées côté frontend
Retour aux projetsMe contacter