Marketing Analytics Dashboard — React + Tailwind + Full UI System

A complete Marketing Analytics & Campaign Performance Dashboard UI, built using React, TypeScript, and Tailwind CSS — designed for SaaS dashboards, analytics tools, marketing platforms, agency internal tools, or startup MVPs.

This isn’t just a UI — it’s a working frontend system with logic, filters, mock data, A/B test simulation, charts, forms, and campaign management UX patterns used in top SaaS products.

🚀 Features

✔️ Fully interactive dashboard (client-side state + mock data)
✔️ A/B testing toggle with metric recalculation
✔️ KPI cards (CTR, impressions, conversions, CPC, etc.)
✔️ Bar chart + conversion funnel visualized in accessible SVG
✔️ Campaign table with sorting, filtering, searching & presets
✔️ Campaign detail panel with actions (duplicate, view)
✔️ Campaign creation form with live validation + success/errors
✔️ Built-in utilities for formatting and metric math
✔️ Responsive and production-grade structure

Uses real patterns seen in tools like Meta Ads Manager, HubSpot, Google Ads, and Klaviyo dashboards.

🔧 Tech Stack

• React
• TypeScript
• Tailwind CSS
• shadcn/ui components
• Accessible HTML + SVG charts

Works cleanly with:

• Next.js
• Astro + Islands
• Vite + Create React App setups

📂 What’s Included

• Full source code
• Modular folder structure
• Mock dataset included
• Utility helpers for metrics and rendering
• Ready-to-extend component patterns