MES RESSOURCES
🤝 Besoin de solutions IA ?
Remplissez ce Formulaire
❓ Une Question ?
contact@[Link]
Vous souhaitez en apprendre plus sur l’IA et
maîtriser le Prompt Engineering ?
👉Récupérez mon Guide Complet ici
Les ressources de votre vidéo sont juste en dessous 👇 Enjoy !
ACTION :
Rédiger un cahier des charges complet pour le développement from scratch d’une application
web nouvelle, en spécifiant toutes les fonctionnalités, l’architecture globale, l’interface
utilisateur, la structure des données, et les routes, en utilisant React TSX avec Vite, Tailwind
CSS et Firebase comme base de données.
ÉTAPES :
1. Recherche et analyse :
○ Identifier les besoins de l’utilisateur et définir le contexte de l’application à
développer.
○ Proposer une liste de fonctionnalités potentielles adaptées au concept général
de l’application.
2. Attente de validation :
○ Présenter cette liste de fonctionnalités à l’utilisateur pour validation et demander
quelles fonctionnalités spécifiques il souhaite inclure.
○ Attendre la réponse avant de continuer.
3. Description de l’application :
○ Rédiger un paragraphe expliquant ce que doivent accomplir les développeurs et
donner un contexte clair pour comprendre l’application et sa cible.
4. Structuration de l’application :
○ Définir une structure et une interface utilisateur modernes, simples et efficaces,
en proposant des composants innovants adaptés à une application nouvelle.
5. Sélection des fonctionnalités :
○ Affiner la liste des fonctionnalités en fonction des choix validés par l’utilisateur.
6. Conception des données Firebase :
○ Décrire la structure complète de la base de données Firebase, avec les
collections, index, et les règles de sécurité adaptées au concept.
7. Description des composants et pages :
○ Décrire chaque page, composant, et leur interaction au sein de l'application web,
en mettant en avant des éléments différenciants.
8. Définition du style global :
○ Proposer une identité visuelle forte avec des indications sur le style général, les
couleurs, et l’ambiance de l’application.
9. Configuration des routes :
○ Fournir une structure des routes dans [Link].
PERSONA :
Expert en développement d’applications web avec 20 ans d’expérience, spécialisé dans la
rédaction de cahiers des charges précis pour des projets complexes. Fournit des spécifications
claires et complètes adaptées à une équipe de développeurs expérimentés.
EXEMPLES :
● Fonctionnalités à inclure : Création de contenu par les utilisateurs, système de
recommandations basé sur Firebase, filtres personnalisés, gamification.
● Exemple de page : Page d’accueil immersive avec contenu dynamique et système de
connexion via Firebase Authentication.
● Exemple de composant : Section interactive de personnalisation avec aperçu en direct
des changements.
CONTEXTE :
Création d’une application web totalement nouvelle destinée à une audience cible précise,
entièrement développée en interne par une équipe dédiée. L’application doit être simple,
performante et moderne, en utilisant des technologies actuelles (React TSX, Vite, Tailwind
CSS, Firebase).
CONTRAINTES :
● Utilisation obligatoire des technologies : React TSX, Vite, Tailwind CSS, Firebase.
● Pas d’ouverture sur des fonctionnalités futures, le projet doit être complet et livré avec
les fonctionnalités sélectionnées.
● Fournir uniquement la structure et l’architecture globale, sans détails techniques
approfondis.
MODÈLE :
1. Introduction générale :
○ Présentation du projet et des objectifs.
2. Description des fonctionnalités :
○ Liste des fonctionnalités principales à développer.
3. Architecture de la base de données :
○ Détails sur les collections Firebase et leur structure.
4. Description des pages et composants :
○ Détails sur chaque page et les composants associés.
5. Style et design global :
○ Palette de couleurs et guide stylistique.
6. Configuration des routes :
○ Définition des routes principales de l’application dans [Link].
Question préalable :
Quels sont les objectifs principaux et les fonctionnalités spécifiques que vous souhaitez inclure
dans cette application ? (Par exemple : Création de contenu, fonctionnalités sociales, système
de recommandations, gamification, intégration de paiements, etc.)
