Spaces:
Paused
trading app
Super, je peux adapter le prompt à une plateforme précise. Voici trois versions prêtes à importer, selon vos cas d’usage: maquette web, application mobile, ou fichier JSON prêt à intégrer. Vous pouvez en choisir une ou me dire si vous voulez une combinaison.
Option A — Maquette Web (interface démonstration interactive)
Prompt principal (à utiliser dans un générateur UI ou un builder)
Objectif:
Créer une interface démonstrative d’un compte demo d’investissement en trading sous forme de portfolio avec sections modifiables.
Sections et champs modifiables:
Détails du compte
Nom complet de l’utilisateur: [Nom Complet]
Adresse e-mail: [Email]
Compte et portefeuille
Balance du compte: [Balance] [Monnaie Base: EUR/USD/…]
Portefeuille crypto
Adresse crypto: [Adresse Crypto]
Portefeuille fiat
Adresse compte: [Adresse FIAT]
Monnaie fiat: [Monnaie Fiat]
Ajout et retrait des fonds
Boutons: [+ Ajouter des fonds], [- Retirer des fonds]
Champs: Montant, Méthode (virement, carte, crypto), Date, Référence
Historique des transactions
Liste triable: Date, Type, Instrument, Quantité, Prix, Somme, Statut, Référence
Graphiques
Graphique de valeur du portefeuille (value over time)
Graphique d'allocation par classe d’actifs
Graphique de performance d’un actif sélectionné (ex. AAPL, BTC)
Données initiales fictives (à remplacer si nécessaire):
Nom Complet: "Jean Dupont"
Email: "jean.dupont@example.com"
Balance: 50 000 EUR
Adresse crypto: "0xABC123..."
Adresse FIAT: "demo-001"
Historique initial:
Dépôt: 20 000 EUR le 2026-01-05
Achat: 30 actions AAPL à 150 EUR le 2026-01-06
Actifs initiaux:
Actions: AAPL 30
Crypto: BTC 0.5
Liquidités: 5 000 EUR
Exigences fonctionnelles:
Tous les champs doivent être éditables directement dans l’interface démonstration.
Les opérations doivent être simulées et réversibles.
L’historique peut être trié par Date, Type, Instrument.
Les graphiques se rafraîchissent après chaque modification.
Exemple de structure JSON (pour intégration):
{
"utilisateur": {
"nomComplet": "Jean Dupont",
"email": "jean.dupont@example.com"
},
"compte": {
"balance": 50000,
"monnaieBase": "EUR",
"portefeuille": {
"crypto": {
"adresse": "0xABC123..."
},
"fiat": {
"adresseCompte": "demo-001",
"monnaie": "EUR"
}
}
},
"transactions": [
{
"date": "2026-01-05",
"type": "Dépôt",
"instrument": "EUR",
"quantité": 20000,
"prix": null,
"statut": "Terminée",
"référence": "DEP-001"
},
{
"date": "2026-01-06",
"type": "Achat",
"instrument": "AAPL",
"quantité": 30,
"prix": 150,
"statut": "Terminée",
"référence": "ACH-001"
}
],
"graphiques": {
"portfolioValueOverTime": [],
"allocation": [],
"assetPerformance": []
}
}
Instructions d’utilisation:
Collez ce prompt dans votre outil de génération UI ou configuration de démonstration.
Remplacez les valeurs entre crochets par vos données de démonstration.
Modifiez directement les sections Détails du compte, Portefeuille et Transactions dans l’interface générée.
Utilisez les boutons Ajouter des fonds / Retirer des fonds pour simuler les flux et observer les graphiques.
Demande complémentaire:
Voulez-vous que je produise une version prête à importer sous forme de fichier JSON et CSS pour une maquette web responsive?
Option B — Application mobile (composants React Native / Flutter)
Prompt principal (à utiliser pour générer les composants UI)
Objectif:
Générer des composants UI mobiles interactifs pour un compte demo de trading sous forme de portfolio.
Composants à générer:
Détails du compte (formulaire modifiable)
Carte du portefeuille (résumé + sections crypto et fiat)
Section Ajout / Retrait (formulaire et boutons)
Historique des transactions (liste triable et filtrable)
Graphiques
Portefeuille value over time (sparklines)
Allocation (donut chart)
Performance d’un actif (bar/line)
Données initiales (à adapter):
NomComplet: Jean Dupont
Email: jean.dupont@example.com
Balance: 50000 EUR
AdresseCrypto: 0xABC123...
AdresseFiat: demo-001
Transactions initiales: dépôt 20000 EUR, achat AAPL 30 à 150 EUR
Actifs initiaux: AAPL 30, BTC 0.5
Exigences techniques:
Champs éditables avec validation (format email, montant > 0, etc.)
Données simulées et réversibles
Graphiques avec mise à jour après modification
Exemple JSON de données (à importer):
(utiliser le même format que Option A)
Livrables:
Fichiers de composants (par ex. .tsx ou .jsx) et styles
Snippets d’intégration pour navigation et état global
Demande de personnalisation:
Souhaitez-vous une structure précise (React Native ou Flutter) et des couleurs/charte graphique?
Option C — Fichier JSON prêt à importer (spectre strictement déployable)
Prompt principal (à générer directement un fichier JSON)
Objectif:
Produire un fichier JSON prêt à importer dans un moteur de démonstration, avec données modifiables et mécanismes réversibles.
Schéma:
utilisateur: nomComplet, email
compte: balance, monnaieBase
portefeuille: crypto: adresse, fiat: adresseCompte, monnaie
transactions: tableau d’objets avec date, type, instrument, quantité, prix, statut, référence
graphiques: portfolioValueOverTime, allocation, assetPerformance
Données initiales:
NomComplet: "Jean Dupont"
Email: "jean.dupont@example.com"
Balance: 50000
MonnaieBase: "EUR"
Crypto: adresse: "0xABC123..."
Fiat: adresseCompte: "demo-001", monnaie: "EUR"
Transactions: Dépôt 20000 EUR le 2026-01-05; Achat AAPL 30 à 150 EUR le 2026-01-06
Actifs initiaux: AAPL 30, BTC 0.5, Liquidités 5000
Exemple:
{
"utilisateur": { "nomComplet": "Jean Dupont", "email": "jean.dupont@example.com" },
"compte": {
"balance": 50000,
"monnaieBase": "EUR",
"portefeuille": {
"crypto": { "adresse": "0xABC123..." },
"fiat": { "adresseCompte": "demo-001", "monnaie": "EUR" }
}
},
"transactions": [
{ "date": "2026-01-05", "type": "Dépôt", "instrument": "EUR", "quantité": 20000, "prix": null, "statut": "Terminée", "référence": "DEP-001" },
{ "date": "2026-01-06", "type": "Achat", "instrument": "AAPL", "quantité": 30, "prix": 150, "statut": "Terminée", "référence": "ACH-001" }
],
"graphiques": { "portfolioValueOverTime": [], "allocation": [], "assetPerformance": [] }
}
Utilisation:
Exportez le JSON et importez-le dans votre outil de démonstration pour initialiser l’état.
Les champs doivent pouvoir être modifiés via l’interface et reflétés dans les graphiques.
Souhaitez-vous que je fournisse:
une version prête à importer avec un bundle React/Vue/Flutter prêt à exécuter, ou
des fichiers JSON et un petit script d’initialisation pour votre outil préféré, ou
une maquette HTML/CSS/JS autonome que vous pouvez déployer rapidement ?