InsightHub - AI-Powered Analytics Dashboard

A modern, comprehensive analytics dashboard built with Next.js 15, featuring interactive visualizations, and a sophisticated design system.

Features Overview

Dashboard Metrics

• Revenue Tracking: Revenue data with percentage indicators
• User Analytics: Active user counts with trend analysis
• Conversion Metrics: Conversion rates and funnel analysis
• Growth Indicators: Growth percentage with visual trend indicators

Interactive Visualizations

• Revenue Chart: Line chart showing revenue trends over time
• User Acquisition: Bar chart displaying user acquisition by channel
• Conversion Funnel: Donut chart showing conversion stages and percentages

Data Management

• Smart Data Table: Sortable columns with visual sort indicators
• Search & Filter: Real-time search across all table data
• Pagination: Efficient data pagination with navigation controls
• Export Options: Data export functionality in (csv and json) format

Getting Started

Prerequisites

• Node.js 18+
• npm package manager

Installation

1. Clone the repository:

   git clone https://github.com/AnchalDevBytes/insighthub.git
   cd insighthub

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Open your browser and navigate to http://localhost:3000

AI Development Tools

Tools utilized

• Primary development assistants: Bolt.new, ChatGPT

• Implementation focus: Initial template creation with Bolt.new, followed by iterative enhancements with ChatGPT consultation

Key Development Interactions

1. "Develop a responsive Next.js 15 dashboard application named 'InsightHub' with..."

2. "Assist with implementing advanced data filtering and export functionality"