Prestaleads : optimisez vos leads, simplifiez votre gestion

Technologies Utilisées

Le Défi

Garantir la sécurité des données sensibles, gérer les entrées imparfaites en les formatant correctement, offrir une interface claire et esthétique, fournir des indicateurs de performance visuels et intégrer des outils pratiques pour les équipes, comme un convertisseur Excel en HTML pour le site. De plus, il était essentiel d'implémenter un système de filtration des messages considérés comme des spams pour assurer la qualité et la fiabilité des données traitées.

La Solution

Cette application a été construite avec une interface moderne et réactive en utilisant React et TailwindCSS, assurant ainsi une expérience utilisateur fluide et dynamique. Le backend repose sur Node.js, garantissant une gestion efficace des données et des performances optimales. L'intégration avec l'API Prestashop permet de récupérer les messages clients en temps réel, assurant ainsi des informations actualisées en continu. Pour la visualisation des données, Chart.js a été utilisé pour générer des graphiques interactifs et informatifs, offrant une analyse claire des statistiques de communication. En termes de sécurité, des protections robustes contre les attaques XSS et par force brute ont été mises en place, ainsi qu’un système de cache intelligent pour réduire les appels API inutiles et optimiser la performance. L'application est hautement personnalisable, avec des filtres permettant de définir précisément les données à afficher (par date, catégorie, société, etc.). Selon le rôle de l'utilisateur (commercial ou marketing), l'interface s'ajuste pour offrir des outils adaptés. De plus, la connexion se fait avec les mêmes identifiants que ceux du back-office Prestashop, garantissant une intégration fluide et sécurisée.

Le Résultat

L'application a permis d’atteindre plusieurs objectifs clés, notamment une gestion simplifiée et une vision claire des leads en temps réel, grâce à l’intégration fluide des données récupérées depuis l’API Prestashop. L'interface utilisateur est intuitive et permet aux utilisateurs de filtrer les données par critères personnalisés (dates, sociétés, catégories, etc.). La sécurité a été un élément crucial : des protections contre les attaques XSS et brute force, ainsi qu'un système de cache efficace, ont permis de garantir une application rapide tout en minimisant les appels API inutiles. L'interface s'adapte également selon le rôle de l'utilisateur (commercial ou marketing), offrant ainsi une expérience sur mesure. Le projet a été réalisé en autonomie totale, où j'ai géré l'ensemble du développement, de la conception à l'implémentation, afin de répondre aux besoins du client de manière efficace et professionnelle. La version 2, qui devait inclure des fonctionnalités supplémentaires pour améliorer encore l'automatisation du processus, n'a pas pu être réalisée par manque de temps. Cependant, la version actuelle fournit des indicateurs de performance fiables grâce aux graphiques interactifs de Chart.js, permettant aux équipes de suivre l'évolution des contacts et de la performance des leads de manière simple et visuelle.