Ich erstelle ein React-Analytics-Dashboard mit interaktiven Charts und Tabellen
Über diesen Service
Automatische Übersetzung
Die meisten Dashboard-Gigs liefern dir eine ziemlich Vorlage. Dann steckst du 10.000 Zeilen rein
und es friert ein.
Ich baue Dashboards, die halten: serverseitige Paginierung, Filterung und Sortierung,
damit die Tabelle schnell bleibt, egal ob du 100 Zeilen oder 100.000 hast. Charts sind an
deine echte API angebunden, nicht an hartkodierte Demo-Daten.
WAS DU BEKOMMST
- KPI-Karten, Linien-, Balken-, Flächen-, Donut- und gestapelte Charts (ApexCharts, Recharts
oder Chart.js, deine Wahl)
- Datentabellen mit serverseitiger Paginierung, Multi-Filter und Sortierung
- Datumsbereich-Filter, die jedes Chart auf der Seite steuern
- Responsives Layout: funktioniert auf Laptop, Tablet und Handy
- Light- und Dark-Mode
- Saubere Komponentenstruktur und getypten Code, den du erweitern kannst
STACKS
React 19 / Next.js 16 - TypeScript - Tailwind CSS, shadcn/ui, Chakra UI -
Redux Toolkit oder React Query - verbindet sich mit REST-APIs (.NET, Node, alles)
Live-Demo: portfolio-projects-bay.vercel.app/dashboard/analytics
NICHT ENTHALTEN: Ich erstelle das Frontend. Wenn du auch das Backend und die Datenbank
gebaut haben möchtest, schreib mir zuerst und ich mache dir ein Angebot für das Gesamtprojekt.
Sende mir deine API-Dokumentation oder eine Beispiel-JSON-Antwort und ich sage dir genau,
welches Paket passt. Kostenlos, vor deiner Bestellung.
Rechte Dritter respektieren
Bitte beachte, dass es gegen die Richtlinien von Fiverr verstößt, wenn Freelancer Themes, Vorlagen oder andere Elemente, die die Rechte Dritter oder geltende Gesetze verletzen, in die gelieferte Arbeit aufnehmen. Lies mehr darüber in unseren Leitfaden für verantwortungsvolle digitale Kreation.
Lerne Mert kennen
UI UX Designer
- AusTürkei
- Mitglied seitApr. 2025
- ⌀ Antwortzeit1 Stunde
Sprachen
Englisch
Automatische Übersetzung
Mein Portfolio
FAQ
Automatische Übersetzung
Baust du auch das Backend?
Dieses Gig ist das Frontend. Ich erstelle Backends — ASP.NET Core und Node.js — aber als separates Angebot. Schreib mir, was du brauchst, und ich mache dir einen Gesamtpreis, anstatt es aufzuteilen.
Meine Tabelle ist langsam bei vielen Zeilen. Kannst du das beheben?
Ja. Das ist meistens clientseitige Paginierung, die alles auf einmal lädt. Ab Standard und höher verlagere ich Paginierung, Filterung und Sortierung auf den Server, sodass der Browser nur eine Seite Daten hält.
Welche Chart-Bibliothek benutzt du?
Deine Wahl: ApexCharts, Recharts oder Chart.js. Ich habe alle drei in Produktion eingesetzt. Wenn du keine Präferenz hast, nutze ich Recharts für React und ApexCharts, wenn du mehr Interaktivität brauchst.
Kannst du mein bestehendes Design oder Figma-Datei anpassen?
Ja, und es ist für uns beide schneller, wenn du eine hast. Ohne Design erstelle ich ein sauberes, modernes Layout, aber ich bin Entwickler — ich werde deine Markenidentität nicht von Grund auf erfinden.
Verwendest du ein bezahltes Template?
Nein. Ich erstelle Komponenten von Grund auf mit Tailwind und shadcn/ui oder Chakra UI, wenn du möchtest. Du besitzt den Code und es gibt keine Lizenz, für die du ständig bezahlen musst.
Funktioniert es auf Mobilgeräten?
Ja, jedes Paket ist responsiv — Laptop, Tablet und Handy. Charts passen sich an und Tabellen wechseln auf eine scrollbare oder Karten-Layout auf kleinen Bildschirmen.

