​
Concepts clés

  • IA (Intelligence Artificielle) : Technologie qui permet aux machines de simuler l’intelligence humaine, leur permettant d’apprendre, de raisonner et de résoudre des problèmes.
  • Prompt : Une commande textuelle utilisée pour donner des instructions à un modèle d’IA. Dans Lumi, les prompts sont l’outil fondamental que vous utiliserez pour créer et modifier chaque composant de votre application.

​
Termes spécifiques à Lumi

  • Mode Discussion : Plus qu’un simple générateur de code, Lumi agit comme un partenaire de développement interactif. Il vous guide dans la planification, le débogage et la livraison, vous aidant à construire avec confiance.
  • Mode Édition : L’environnement pour apporter des modifications directes au code et au contenu de votre application.
  • Edit : Un outil alimenté par l’IA avec des contrôles visuels natifs de Tailwind pour un peaufinage précis et intuitif.
  • Remix : Dupliquez n’importe quel projet pour l’utiliser comme nouveau point de départ. Le remixage vous permet d’expérimenter des changements et d’explorer des idées tout en préservant la version originale.
  • Aperçu : Une vue interactive en direct pour tester les fonctionnalités et le contenu avant de publier vos modifications.

​
Produit & Développement

​
Gestion de produit & Stratégie

  • MVP (Produit Minimum Viable) : La version la plus simple d’un produit avec juste assez de fonctionnalités pour attirer les premiers utilisateurs et valider l’idée de base.
  • Feuille de route : Un plan de haut niveau qui décrit la vision, la direction et les fonctionnalités à venir d’un produit au fil du temps.
  • Demande de fonctionnalité : Une suggestion d’utilisateurs ou de parties prenantes pour une nouvelle capacité ou une amélioration.
  • User Story : Une description brève et simple d’une fonctionnalité du point de vue de l’utilisateur final.
  • Parcours utilisateur : Le chemin qu’un utilisateur emprunte pour atteindre un objectif au sein de votre produit.
  • Persona : Un profil fictif et détaillé d’un utilisateur cible, créé à partir de recherches pour guider les décisions de conception et de développement.

​
Concepts d’ingénierie

  • PRD (Document des exigences du produit) : Un document qui détaille l’objectif, les fonctionnalités et les spécifications techniques d’un produit pour guider l’équipe de développement.
  • API (Interface de Programmation d’Application) : Un ensemble de règles qui permettent à différentes applications logicielles de communiquer et d’échanger des données. Les types courants incluent les API REST et GraphQL.
  • Refactorisation : Le processus de restructuration du code pour améliorer sa qualité et sa maintenabilité sans en modifier la fonctionnalité.
  • GitHub : Une plateforme populaire pour le contrôle de version et le développement logiciel collaboratif.

​
Données & Analytique

  • Test A/B : Comparaison de deux versions d’une page web ou d’une fonctionnalité pour voir laquelle est la plus performante.
  • Taux de conversion : Le pourcentage d’utilisateurs qui accomplissent un objectif spécifique, comme s’inscrire ou effectuer un achat.
  • Taux d’attrition : Le pourcentage d’utilisateurs qui cessent d’utiliser votre produit sur une période donnée.
  • Taux de rétention : Le pourcentage d’utilisateurs qui continuent à utiliser votre produit au fil du temps.
  • Suivi d’événements : Surveillance d’actions utilisateur spécifiques (comme les clics ou les soumissions de formulaires) pour comprendre l’engagement.

​
UI/UX & Développement Frontend

​
Développement Frontend

  • Frontend : La partie d’une application que les utilisateurs voient et avec laquelle ils interagissent, y compris l’interface utilisateur et l’expérience globale.
  • React : Une bibliothèque JavaScript populaire pour la création d’interfaces utilisateur dynamiques, en particulier pour les applications monopages.
  • Dégradé : Une transition douce entre deux ou plusieurs couleurs.
  • Tailwind CSS : Un framework CSS « utility-first » pour créer rapidement des designs personnalisés directement dans votre HTML.
  • Système de design : Une collection standardisée de composants réutilisables et de directives qui assure la cohérence du design à travers un produit.

​
Concepts de design UI/UX

  • Couleur d’accentuation : Une couleur contrastante utilisée pour mettre en évidence des éléments clés comme les boutons ou les liens.
  • Thème : L’apparence générale d’une application, définie par sa palette de couleurs, sa typographie et sa mise en page.
  • Design réactif : Une approche qui garantit que votre application s’affiche et fonctionne parfaitement sur n’importe quel appareil, des ordinateurs de bureau aux téléphones mobiles.
  • Au-dessus de la ligne de flottaison : Le contenu visible sur une page web sans avoir à faire défiler. C’est un emplacement de choix pour les informations importantes.
  • CTA (Appel à l’action) : Une incitation, comme un bouton ou un lien, qui encourage les utilisateurs à effectuer une action spécifique (par ex., « S’inscrire », « Acheter maintenant »).

​
Structure de page & Navigation

  • Titres : Les titres (H1, H2, etc.) qui structurent le contenu et établissent une hiérarchie visuelle claire.
  • Pied de page : La section au bas d’une page web, contenant généralement des liens, des informations de contact et des mentions légales.
  • Fil d’Ariane : Un sentier de navigation qui montre l’emplacement actuel d’un utilisateur sur un site (par ex., Accueil > Produits > Ordinateurs portables).
  • Favicon : La petite icône représentant votre site web dans un onglet de navigateur ou des favoris.
  • Titre méta : Le titre de la page affiché dans les résultats des moteurs de recherche et les onglets du navigateur, crucial pour le SEO.
  • Méta-description : Le court résumé d’une page web affiché dans les résultats de recherche pour attirer les clics.
  • URL canonique : Une balise qui indique aux moteurs de recherche la version préférée d’une page pour éviter les problèmes de contenu dupliqué.
  • Slug d’URL : La partie conviviale d’une URL qui identifie une page spécifique (par ex., /a-propos-de-nous).
  • Plan du site : Un fichier qui répertorie toutes les pages de votre site web pour aider les moteurs de recherche à les indexer efficacement.
  • Barre de navigation : Le menu principal qui fournit des liens vers les sections clés de votre site web.
  • Liens d’évitement : Des liens d’accessibilité qui permettent aux utilisateurs d’ignorer la navigation et de sauter directement au contenu principal.
  • Pagination : Un système pour diviser de longues listes de contenu en pages séparées.
  • Lien d’ancrage : Un lien qui fait défiler l’utilisateur vers une section spécifique de la même page.
  • Page 404 : Une page d’erreur personnalisée affichée lorsqu’un utilisateur tente d’accéder à une URL qui n’existe pas.

​
Notifications & Retours

  • Toast : Une petite notification temporaire qui fournit un bref retour sur une action.
  • Snackbar : Similaire à un toast, mais apparaît souvent en bas de l’écran et peut inclure un bouton d’action (par ex., « Annuler »).
  • Info-bulle : Une boîte contextuelle avec des informations supplémentaires qui apparaît au survol d’un élément.
  • Badge : Un petit marqueur visuel sur une icône ou un bouton pour indiquer un nombre, un statut ou une notification.
  • Spinner de chargement : Une icône animée indiquant qu’un processus est en cours d’exécution en arrière-plan.
  • Barre de progression : Une barre visuelle qui montre la progression de l’achèvement d’une tâche.
  • Squelette de chargement : Une interface de substitution qui imite la mise en page du contenu final, améliorant la perception de la vitesse de chargement.

​
Superpositions & Pop-ups

  • Popover : Une superposition qui fournit un contexte ou des options supplémentaires liés à un élément spécifique.
  • Boîte de dialogue (Modale) : Une fenêtre qui apparaît par-dessus le contenu principal, nécessitant une interaction de l’utilisateur pour être fermée.
  • Tiroir (Panneau latéral) : Un panneau qui glisse depuis le côté, contenant généralement la navigation ou des paramètres.
  • Lightbox : Une fenêtre modale qui affiche des médias comme des images dans une vue agrandie et ciblée.
  • Boîte d’alerte : Un message système qui informe les utilisateurs d’informations critiques, d’erreurs ou d’avertissements.
  • Bouton : Un élément cliquable qui déclenche une action.
  • Interrupteur (Toggle) : Un contrôle qui permet aux utilisateurs de basculer entre deux états, comme activé et désactivé.
  • Onglets : Un composant qui organise le contenu en différentes vues entre lesquelles un utilisateur peut basculer.
  • Stepper (Assistant) : Un processus guidé en plusieurs étapes qui montre aux utilisateurs leur progression.
  • Accordéon : Une série de panneaux pliables utilisés pour organiser et révéler du contenu.
  • Menu déroulant : Une liste d’options qui apparaît lorsqu’un utilisateur interagit avec un bouton ou un champ.

​
Formulaires & Saisie

  • Formulaire : Un ensemble de champs pour collecter les données des utilisateurs, comme un formulaire d’inscription ou de contact.
  • Groupe de boutons radio : Un ensemble d’options où l’utilisateur ne peut en sélectionner qu’une seule.
  • Case à cocher : Un contrôle qui permet aux utilisateurs de sélectionner une ou plusieurs options dans une liste.
  • Champ de texte : Une zone de saisie standard pour la saisie de texte sur une seule ligne.
  • Zone de texte : Une zone de saisie plus grande pour le texte sur plusieurs lignes, comme les commentaires ou les messages.
  • Liste de sélection (Boîte de sélection déroulante) : Une liste déroulante pour choisir une option parmi un ensemble prédéfini.
  • Sélecteur de date : Une interface de calendrier qui permet aux utilisateurs de sélectionner facilement une date.
  • Curseur : Un contrôle pour sélectionner une valeur dans une plage continue.
  • Téléchargement de fichier : Un composant qui permet aux utilisateurs de téléverser des fichiers depuis leur appareil.
  • Saisie semi-automatique : Un champ de saisie qui suggère des résultats au fur et à mesure que l’utilisateur tape.

​
Styles de design & Tendances

Utilisez ces termes dans vos prompts pour définir l’esthétique que vous souhaitez obtenir.
  • Néobrutalisme : Un style de design brut, à fort contraste, avec une typographie audacieuse et des éléments non raffinés.
  • Rétro : Un design qui évoque la nostalgie en utilisant des styles des décennies passées.
  • Hacker : Une esthétique inspirée des interfaces de terminal, avec des arrière-plans sombres et des polices à espacement fixe.
  • Glassmorphism : Un style qui utilise des couches translucides, semblables à du verre dépoli, pour créer de la profondeur.
  • Nudy : Une approche minimaliste utilisant des palettes de couleurs douces et neutres pour un look sobre.

​
Développement Backend & Bases de données

​
Fondamentaux du Backend

  • Backend : La partie côté serveur d’une application qui gère les données, la logique et les opérations de base.
  • Webhooks : Des messages automatisés envoyés par des applications lorsqu’un événement se produit, permettant un échange de données en temps réel.

​
Gestion de bases de données

  • CRUD (Create, Read, Update, Delete) : Les quatre opérations fondamentales pour la gestion des données.
  • SQL (Structured Query Language) : Le langage standard pour la gestion et l’interrogation des données dans les bases de données relationnelles.
  • PostgreSQL : Une base de données relationnelle open-source puissante, connue pour sa fiabilité et ses fonctionnalités avancées.

​
Sécurité & Authentification

  • OAuth : Une norme d’authentification qui permet aux utilisateurs de se connecter avec des comptes tiers comme Google ou GitHub.
  • Authentification à deux facteurs (2FA) : Une couche de sécurité qui exige des utilisateurs qu’ils fournissent deux formes d’identification pour se connecter.
  • CORS (Cross-Origin Resource Sharing) : Un mécanisme de sécurité qui contrôle la manière dont les ressources de votre serveur peuvent être consultées depuis d’autres domaines.