Optimisation des performances

Objectif de l’application :

Permettre aux utilisateurs de :
1. Visualiser le contenu de leur panier
2. Consulter les prix à jour via plusieurs APIs (comparateurs de prix ou vendeurs différents)
3. Valider leur panier en choisissant la meilleure option
4. Recevoir une estimation des frais de livraison, du temps d’acheminement et de la disponibilité

⸻

Technologies à utiliser
• Framework Front-End : React + Talon (modèle d’architecture recommandé par Magento / PWA Studio)
• Back-End suggéré : Node.js / Express.js
• Base de données : MongoDB ou PostgreSQL
• APIs à intégrer : <br /> • API d’un comparateur de prix (par ex : PriceRunner, Kelkoo ou une fausse API simulée)
• API de transport (par ex : EasyPost, ou une fausse API “FastShip”)
• API de stock/produits (type Shopify ou WooCommerce, ou une mock API interne)
• API de taux de change pour afficher les prix en plusieurs devises (OpenExchangeRates, ou fixer.io)

⸻

Structure fonctionnelle de l’application

1. Authentification
• Page de login / signup
• Stockage sécurisé des sessions JWT
• Récupération du panier utilisateur après connexion

2. Page “Mon Panier”

Affiche :
• Liste des articles (image, nom, quantité, prix estimé)
• Bouton “Mettre à jour les prix”
• Bouton “Comparer les vendeurs”
• Bouton “Valider le panier”

3. Fonction : Mise à jour des prix
• Appelle plusieurs APIs de comparaison de prix pour chaque article
• Affiche les résultats dans un tableau comparatif : vendeur, prix, frais de port estimé, note client
• L’utilisateur peut sélectionner le vendeur préféré pour chaque article

4. Fonction : Vérification de disponibilité
• Via une API produit / stock
• Affiche une icône verte (disponible) ou rouge (non disponible)
• Si un article est en rupture, suggérer un produit équivalent (si dispo)

5. Fonction : Estimation livraison
• Intègre une API de transport qui donne :
• Estimation du coût de livraison
• Délais de livraison
• Suivi potentiel
• Prend en compte l’adresse de livraison de l’utilisateur

6. Validation finale du panier
• Résumé global :
• Articles sélectionnés
• Vendeurs choisis
• Frais de livraison
• Devise sélectionnée (prix converti via API de taux de change)
• Total global
• Bouton “Confirmer la commande”
• Génération d’un PDF ou envoi par email

⸻

Défi pour les développeurs

Les candidats doivent :
• Créer l’interface avec Talon (composants réutilisables, propres, modulaires)
• Intégrer au moins 3 APIs externes simulées (mock server ou API réelle)
• Créer une expérience fluide et responsive
• Déployer une version de test (sur Vercel, Netlify ou autre)