Je vais créer un tableau de bord analytique React avec des graphiques et des tableaux interactifs
À propos de ce service
Traduction automatique
La plupart des gigs de tableau de bord vous proposent un modèle tout prêt. Ensuite, vous insérez 10 000 lignes
et ça freeze.
Je construis des tableaux de bord qui tiennent la route : pagination côté serveur, filtres et tri,
pour que le tableau reste rapide, que vous ayez 100 ou 100 000 lignes. Graphiques connectés à
votre API réelle, pas à des données de démo codées en dur.
CE QUE VOUS OBTENEZ
- Cartes KPI, graphiques en ligne, barres, zones, donuts et empilés (ApexCharts, Recharts
ou Chart.js, à vous de choisir)
- Tableaux de données avec pagination côté serveur, filtres multiples et tri
- Filtres de plage de dates qui contrôlent chaque graphique de la page
- Mise en page responsive : fonctionne sur un ordinateur portable, une tablette et un téléphone
- Mode clair et mode sombre
- Structure de composants propre et code typé que vous pouvez étendre
TECHNOLOGIES
React 19 / Next.js 16 - TypeScript - Tailwind CSS, shadcn/ui, Chakra UI -
Redux Toolkit ou React Query - connectés à des API REST (.NET, Node, tout)
Démo en ligne : portfolio-projects-bay.vercel.app/dashboard/analytics
NON INCLUS : Je construis le frontend. Si vous avez aussi besoin du backend et de la base de données
à construire, contactez-moi d’abord pour un devis global.
Envoyez-moi votre documentation API ou un exemple de réponse JSON et je vous dirai précisément
quelle solution correspond. Gratuit, avant votre commande.
Respectez les droits des tiers
Veuillez noter qu’il est contraire aux politiques de Fiverr pour les freelances d’inclure des thèmes, des modèles ou tout autre élément d'autrui qui enfreint les droits de tiers ou les lois applicables pour les livrables. En savoir plus en lisant notre Guide pour une création numérique responsable.
Découvrez Mert
UI UX Designer
- DeTurquie
- Membre depuisavr. 2025
- Temps de réponse moy.1 heure
Langues
Anglais
Traduction automatique
Mon portfolio
FAQ
Traduction automatique
Vous construisez aussi le backend ?
Ce gig concerne le frontend. Je réalise aussi des backends — ASP.NET Core et Node.js — mais en devis séparé. Contactez-moi avec ce dont vous avez besoin, et je vous donnerai un prix global plutôt que de diviser le projet.
Ma table est lente avec beaucoup de lignes. Pouvez-vous améliorer cela ?
Oui. En général, cela vient d’une pagination côté client qui charge tout d’un coup. À partir de la version Standard, je déplace la pagination, les filtres et le tri vers le serveur, pour que le navigateur ne garde qu’une seule page de données.
Quelle bibliothèque de graphiques utilisez-vous ?
À votre choix : ApexCharts, Recharts ou Chart.js. J’ai utilisé les trois en production. Si vous n’avez pas de préférence, j’utilise Recharts pour React et ApexCharts quand vous avez besoin d’une interactivité plus poussée.
Pouvez-vous adapter mon design existant ou un fichier Figma ?
Oui, et c’est plus rapide pour nous deux si vous en avez un. Sans design, je construirai une mise en page moderne et épurée, mais je suis développeur — je ne vais pas inventer votre identité de marque de zéro.
Utilisez-vous un template payant ?
Non. Je construis les composants à partir de zéro avec Tailwind et shadcn/ui, ou Chakra UI si vous préférez. Vous possédez le code et il n’y a pas de licence à payer en continu.
Cela fonctionnera-t-il sur mobile ?
Oui, chaque package est responsive — ordinateur portable, tablette et téléphone. Les graphiques se réorganisent et les tableaux passent en mode défilant ou en cartes sur les petits écrans.

