Créez un menu latéral avec des projets ("Espace Codage - Projet 1", "Espace Codage - Projet 2") qui sont des éléments cliquables. En fonction du projet choisi, les autres fonctionnalités comme "La Baleine", "Rosalinda" etc. devraient être également accessibles dans cette colonne.
Le menu des raccourcis doit inclure des liens vers ces outils et projets, tout en maintenant une interface claire.
Explication du code (Deuxième colonne) :
Ajoutez une section d'explication du code. Lorsque l'IA génère du code, vous pouvez afficher ce code dans cette colonne avec des commentaires ou des descriptions expliquant ce que chaque partie du code fait.
Exemple : "La Baleine a généré ce code CSS pour le thème, voici les explications :"
/* Code CSS généré */
body {
background-color: #ff6347; /* Couleur de fond tomatée */
}
Cette explication peut être faite sous forme de texte statique ou dynamique en fonction de ce que l'IA génère.
Génération et transformation en image (Troisième colonne) :
V…