← Trabajos

React Dashboard Development with AI-Powered Business Insights

Presupuesto: $30.0 FIXED / ⭐ 0.00 (0) IND

javascript, tailwind-css-framework, html5, react-js

🚀 Build a Modern React Admin Dashboard with AI Insights Project Overview I'm looking for an experienced React developer to build a modern, responsive Admin Dashboard (MVP) with clean UI, interactive charts, API integration, and AI-powered business insights. The goal is to create a dashboard that looks like a professional SaaS product (Stripe, Vercel, Linear, Notion, etc.) while keeping the code clean, reusable, and scalable. This is an MVP, but I plan to continue working with the right developer on future features. Tech Stack Frontend React (Latest) Vite Tailwind CSS React Router Axios Recharts React Query (Preferred) AI OpenAI API or Gemini API Dashboard Pages 1. Dashboard This will be the main page. Include: Sidebar Top Navigation User Profile Notification Icon Search Bar Dark Theme 2. KPI Cards Display cards like: Total Revenue Total Orders Active Customers Conversion Rate Total Products Cards should include: Icons Percentage Increase/Decrease Small Trend Indicator 3. Charts Create at least 4 interactive charts. Examples: Revenue Trend (Line Chart) Monthly Sales (Bar Chart) Category Distribution (Pie Chart) User Growth (Area Chart) Charts should support hover, animations, and responsive resizing. 4. Data Table A modern table showing: Order ID Customer Product Category Amount Status Date Include: Pagination Search Sorting Status Badge 5. Filters Add filters such as: Date Range Category Product Status Dashboard should update dynamically after filter changes. AI Insight Panel Create an AI panel that analyzes dashboard data. Example output: 📈 Sales increased by 18% compared to last week. ⭐ Electronics generated the highest revenue. ⚠ Customer retention dropped by 6%. 💡 Recommendation: Increase advertising for Electronics and improve customer retention campaigns. AI response should be generated using OpenAI or Gemini. API Integration Use REST APIs. Handle: Loading Error States Empty States API Failures Mock APIs are acceptable if real APIs are unavailable. UI Requirements I want a premium modern SaaS dashboard. Examples of style: Stripe Vercel Linear Notion Clerk Supabase Requirements: Responsive Design Modern Cards Smooth Animations Professional Typography Rounded Corners Clean Layout Consistent Spacing Code Quality Please follow best practices. Reusable Components Clean Folder Structure Modular Code Responsive Design Proper Naming Convention Deliverables Complete React Source Code Responsive Dashboard AI Integration Interactive Charts API Integration Clean Documentation Easy Setup Instructions Bonus Skills (Preferred) TypeScript Framer Motion React Query Zustand Material UI (Optional) Shadcn UI (Optional) Timeline Expected delivery: 5–7 Days Budget Fixed Price Please include: Similar React Dashboard projects Estimated timeline Technologies you will use Your proposed approach
Abrir en Upwork