0%
← Retour

Agentix Canvas

Plateforme permettant l'apprentissage du développement web pour des novices augmentés a l'intelligence artificielle (génération d'exercice personnalisé, assistance etc).

Agentix Canvas
CatégorieIAAnnée2025RôleDéveloppeur full stack
À propos

Développé dans le cadre de ma formation MMI, le projet Agentix Canva a pour objectif principal de concevoir une interface dédiée à l'apprentissage du développement web à des novices en intégrant une ou plusieurs features comprenant de l'intelligence artificielle

Fonctionnalités

Ce que la plateforme permet

  • 01

    Environnement multi-éditeurs

    Éditeurs de code intégrés (HTML, CSS, JS) avec coloration syntaxique et un assistant IA contextuel accessible directement depuis la sélection de texte.

  • 02

    Prévisualisation live

    Aperçu du rendu web actualisé instantanément, accompagné d'une console intégrée permettant de suivre le comportement du code (informations et erreurs).

  • 03

    Espace de dessin et wireframing

    Outil de création de maquettes simplifiées permettant de dessiner des interfaces et de générer automatiquement le code correspondant.

  • 04

    Système d'intelligence artificielle

    Ensemble d'agents IA spécialisés (analyse de design, génération de code, création d'exercices...) s'enchaînant pour accompagner la production.

  • 05

    Assistant conversationnel polyvalent

    Chat interactif proposant plusieurs modes d'assistance (guidage, révision, génération) avec la possibilité d'appliquer directement les solutions dans le code.

  • 06

    Système d'exercices sur mesure

    Génération dynamique de défis pratiques adaptés au niveau, allant du code à compléter jusqu'à la réalisation de projets complets.

  • 07

    Suivi de progression en direct

    Analyse continue par l'IA du code produit par l'utilisateur, offrant un retour immédiat et un suivi de la réussite en temps réel.

  • 08

    Espace de gestion de projets

    Interface intuitive permettant de créer, d'organiser et de sauvegarder ses travaux, présentés sous forme de cartes avec aperçus.

  • 09

    Système d'authentification

    Connexion sécurisée classique ou via des services tiers permettant de sauvegarder sa progression et ses projets sur le cloud.

  • 10

    Interface modulable

    Espace de travail personnalisable avec des panneaux ajustables pour organiser l'aperçu, le dessin, les éditeurs et le chat selon ses besoins.

Stack

Outils & technologies

React 19ViteOpenAISupabaseMonaco EditorExcalidrawReact 19ViteOpenAISupabaseMonaco EditorExcalidraw
Galerie

Aperçus