Skip to content

Repository files navigation

MetricView

MetricView is an analytics dashboard for tracking key business metrics, including KPIs, sales performance, and revenue trends, through interactive charts and structured data views in a clean and intuitive interface.

🔗 Live Demometric-view.vercel.app


✨ Features

  • 📊 Interactive charts with time range filtering and animations
  • 📈 Animated stat cards displaying key metrics
  • 🎛️ Reusable custom dropdown for filtering and interactions
  • 📋 Data table with sorting, filtering, and pagination
  • 📱 Fully responsive across mobile, tablet, and desktop
  • 🎞️ Smooth UI animations using Framer Motion

🛠 Tech Stack

Technology Purpose
React UI framework
Tailwind CSS Styling and responsive design
Recharts Charts and data visualization
Framer Motion Animations and transitions
Lucide React Icons

🧩 Component Architecture

  • Modular and reusable components (charts, cards, dropdowns)
  • Separation of concerns between UI and data handling
  • Scalable folder structure for maintainability

About

MetricView is a frontend analytics dashboard designed to demonstrate component architecture, data visualization patterns, and scalable UI structure using mock data.

Resources

Stars

1 star

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages