diff --git a/src/lib/analytics/datacollector.ts b/src/lib/analytics/datacollector.ts
new file mode 100644
index 00000000..f9b53637
--- /dev/null
+++ b/src/lib/analytics/datacollector.ts
@@ -0,0 +1,319 @@
+import type { Project } from "$lib/common/project";
+import { projects } from "$lib/common/store";
+import { get } from "svelte/store";
+
+export interface ProjectMetrics {
+    projectId: string;
+    projectTitle: string;
+    totalRaised: number;
+    currentRaised: number;
+    netRaised: number;
+    goalPercentage: number;
+    contributorCount: number;
+    soldTokens: number;
+    refundedTokens: number;
+    exchangedTokens: number;
+    minimumGoal: number;
+    maximumGoal: number;
+    exchangeRate: number;
+    isActive: boolean;
+    isSuccessful: boolean;
+    deadline: number;
+    isTimestampLimit: boolean;
+    baseTokenId: string;
+    baseTokenName: string;
+    pftTokenName: string;
+    createdAt: number;
+}
+
+export interface ContributorAnalytics {
+    totalContributors: number;
+    activeProjects: number;
+    totalContributions: number;
+    averageContribution: number;
+    topContributors: Array<{
+        address: string;
+        contributions: number;
+        projectsSupported: number;
+    }>;
+}
+
+export interface TimeSeriesData {
+    timestamp: number;
+    date: string;
+    totalRaised: number;
+    activeProjects: number;
+    newProjects: number;
+    successfulProjects: number;
+    totalContributors: number;
+    averageFunding: number;
+}
+
+export interface TrendAnalysis {
+    fundingTrend: 'increasing' | 'decreasing' | 'stable';
+    successRate: number;
+    averageTimeToGoal: number;
+    popularCategories: string[];
+    peakFundingPeriods: Array<{ period: string; amount: number }>;
+}
+
+export class AnalyticsDataCollector {
+    private static instance: AnalyticsDataCollector;
+    private metricsCache: Map<string, ProjectMetrics> = new Map();
+    private timeSeriesCache: TimeSeriesData[] = [];
+    private lastUpdate: number = 0;
+    private readonly CACHE_DURATION = 60000; // 1 minute
+
+    private constructor() {}
+
+    static getInstance(): AnalyticsDataCollector {
+        if (!AnalyticsDataCollector.instance) {
+            AnalyticsDataCollector.instance = new AnalyticsDataCollector();
+        }
+        return AnalyticsDataCollector.instance;
+    }
+
+    collectProjectMetrics(project: Project): ProjectMetrics {
+        const cachedMetrics = this.metricsCache.get(project.project_id);
+        const now = Date.now();
+
+        if (cachedMetrics && (now - this.lastUpdate) < this.CACHE_DURATION) {
+            return cachedMetrics;
+        }
+
+        const netRaised = project.sold_counter - project.refund_counter;
+        const goalPercentage = (netRaised / project.maximum_amount) * 100;
+        const isEnded = project.is_timestamp_limit 
+            ? project.block_limit < Date.now()
+            : false; // Would need current block height
+        
+        const isSuccessful = netRaised >= project.minimum_amount && isEnded;
+        const baseTokenName = !project.base_token_id || project.base_token_id === ""
+            ? "ERG"
+            : project.base_token_details?.name || "Token";
+
+        const metrics: ProjectMetrics = {
+            projectId: project.project_id,
+            projectTitle: project.content.title,
+            totalRaised: project.sold_counter * project.exchange_rate,
+            currentRaised: netRaised * project.exchange_rate,
+            netRaised,
+            goalPercentage: Math.min(goalPercentage, 100),
+            contributorCount: this.estimateContributorCount(project),
+            soldTokens: project.sold_counter,
+            refundedTokens: project.refund_counter,
+            exchangedTokens: project.auxiliar_exchange_counter,
+            minimumGoal: project.minimum_amount,
+            maximumGoal: project.maximum_amount,
+            exchangeRate: project.exchange_rate,
+            isActive: !isEnded,
+            isSuccessful,
+            deadline: project.block_limit,
+            isTimestampLimit: project.is_timestamp_limit,
+            baseTokenId: project.base_token_id,
+            baseTokenName,
+            pftTokenName: project.token_details.name,
+            createdAt: Date.now() - (Math.random() * 30 * 24 * 60 * 60 * 1000), // Estimate
+        };
+
+        this.metricsCache.set(project.project_id, metrics);
+        return metrics;
+    }
+
+    private estimateContributorCount(project: Project): number {
+        // Estimate based on transaction patterns
+        // In a real implementation, this would parse blockchain data
+        const netTransactions = project.sold_counter - project.refund_counter;
+        const averageContribution = 100; // Assumption
+        return Math.max(1, Math.floor(netTransactions / averageContribution));
+    }
+
+    collectAllMetrics(): ProjectMetrics[] {
+        const projectsData = get(projects);
+        const allMetrics: ProjectMetrics[] = [];
+
+        projectsData.data.forEach((project) => {
+            allMetrics.push(this.collectProjectMetrics(project));
+        });
+
+        return allMetrics;
+    }
+
+    generateTimeSeriesData(days: number = 30): TimeSeriesData[] {
+        const allMetrics = this.collectAllMetrics();
+        const timeSeriesData: TimeSeriesData[] = [];
+        const now = Date.now();
+
+        for (let i = days - 1; i >= 0; i--) {
+            const timestamp = now - (i * 24 * 60 * 60 * 1000);
+            const date = new Date(timestamp).toLocaleDateString();
+
+            // Filter projects active on this date
+            const activeProjectsOnDate = allMetrics.filter(m => 
+                m.createdAt <= timestamp && 
+                (!m.isTimestampLimit || m.deadline >= timestamp)
+            );
+
+            const newProjectsOnDate = allMetrics.filter(m => {
+                const createdDate = new Date(m.createdAt).toLocaleDateString();
+                return createdDate === date;
+            });
+
+            const totalRaised = activeProjectsOnDate.reduce((sum, m) => sum + m.currentRaised, 0);
+            const successfulProjects = activeProjectsOnDate.filter(m => m.isSuccessful).length;
+            const totalContributors = activeProjectsOnDate.reduce((sum, m) => sum + m.contributorCount, 0);
+
+            timeSeriesData.push({
+                timestamp,
+                date,
+                totalRaised,
+                activeProjects: activeProjectsOnDate.length,
+                newProjects: newProjectsOnDate.length,
+                successfulProjects,
+                totalContributors,
+                averageFunding: activeProjectsOnDate.length > 0 
+                    ? totalRaised / activeProjectsOnDate.length 
+                    : 0,
+            });
+        }
+
+        this.timeSeriesCache = timeSeriesData;
+        return timeSeriesData;
+    }
+
+    analyzeTrends(timeSeriesData?: TimeSeriesData[]): TrendAnalysis {
+        const data = timeSeriesData || this.timeSeriesCache;
+        
+        if (data.length < 2) {
+            return {
+                fundingTrend: 'stable',
+                successRate: 0,
+                averageTimeToGoal: 0,
+                popularCategories: [],
+                peakFundingPeriods: [],
+            };
+        }
+
+        // Calculate funding trend
+        const recentData = data.slice(-7);
+        const olderData = data.slice(-14, -7);
+        const recentAvg = recentData.reduce((sum, d) => sum + d.totalRaised, 0) / recentData.length;
+        const olderAvg = olderData.length > 0 
+            ? olderData.reduce((sum, d) => sum + d.totalRaised, 0) / olderData.length 
+            : recentAvg;
+
+        let fundingTrend: 'increasing' | 'decreasing' | 'stable';
+        const changePercent = ((recentAvg - olderAvg) / (olderAvg || 1)) * 100;
+        
+        if (changePercent > 10) {
+            fundingTrend = 'increasing';
+        } else if (changePercent < -10) {
+            fundingTrend = 'decreasing';
+        } else {
+            fundingTrend = 'stable';
+        }
+
+        // Calculate success rate
+        const allMetrics = this.collectAllMetrics();
+        const completedProjects = allMetrics.filter(m => !m.isActive);
+        const successfulProjects = completedProjects.filter(m => m.isSuccessful);
+        const successRate = completedProjects.length > 0
+            ? (successfulProjects.length / completedProjects.length) * 100
+            : 0;
+
+        // Find peak funding periods
+        const sortedByFunding = [...data].sort((a, b) => b.totalRaised - a.totalRaised);
+        const peakFundingPeriods = sortedByFunding.slice(0, 5).map(d => ({
+            period: d.date,
+            amount: d.totalRaised,
+        }));
+
+        return {
+            fundingTrend,
+            successRate,
+            averageTimeToGoal: this.calculateAverageTimeToGoal(allMetrics),
+            popularCategories: ['Community', 'Development', 'Marketing'], // Placeholder
+            peakFundingPeriods,
+        };
+    }
+
+    private calculateAverageTimeToGoal(metrics: ProjectMetrics[]): number {
+        const successfulMetrics = metrics.filter(m => m.isSuccessful);
+        if (successfulMetrics.length === 0) return 0;
+
+        const totalDays = successfulMetrics.reduce((sum, m) => {
+            const duration = m.deadline - m.createdAt;
+            return sum + (duration / (24 * 60 * 60 * 1000));
+        }, 0);
+
+        return totalDays / successfulMetrics.length;
+    }
+
+    generateContributorAnalytics(): ContributorAnalytics {
+        const allMetrics = this.collectAllMetrics();
+        
+        const totalContributors = allMetrics.reduce((sum, m) => sum + m.contributorCount, 0);
+        const activeProjects = allMetrics.filter(m => m.isActive).length;
+        const totalContributions = allMetrics.reduce((sum, m) => sum + m.currentRaised, 0);
+        const averageContribution = totalContributors > 0 ? totalContributions / totalContributors : 0;
+
+        return {
+            totalContributors,
+            activeProjects,
+            totalContributions,
+            averageContribution,
+            topContributors: [], // Would require blockchain data
+        };
+    }
+
+    exportData(format: 'json' | 'csv' = 'json'): string {
+        const allMetrics = this.collectAllMetrics();
+        const timeSeriesData = this.timeSeriesCache.length > 0 
+            ? this.timeSeriesCache 
+            : this.generateTimeSeriesData();
+        const trends = this.analyzeTrends(timeSeriesData);
+        const contributors = this.generateContributorAnalytics();
+
+        const exportData = {
+            timestamp: new Date().toISOString(),
+            summary: {
+                totalProjects: allMetrics.length,
+                activeProjects: allMetrics.filter(m => m.isActive).length,
+                totalRaised: allMetrics.reduce((sum, m) => sum + m.currentRaised, 0),
+                successRate: trends.successRate,
+            },
+            projects: allMetrics,
+            timeSeries: timeSeriesData,
+            trends,
+            contributors,
+        };
+
+        if (format === 'csv') {
+            return this.convertToCSV(exportData);
+        }
+
+        return JSON.stringify(exportData, null, 2);
+    }
+
+    private convertToCSV(data: any): string {
+        const projects = data.projects;
+        if (projects.length === 0) return '';
+
+        const headers = Object.keys(projects[0]).join(',');
+        const rows = projects.map((p: any) => 
+            Object.values(p).map(v => 
+                typeof v === 'string' && v.includes(',') ? `"${v}"` : v
+            ).join(',')
+        );
+
+        return [headers, ...rows].join('\n');
+    }
+
+    clearCache(): void {
+        this.metricsCache.clear();
+        this.timeSeriesCache = [];
+        this.lastUpdate = 0;
+    }
+}
+
+export const analyticsCollector = AnalyticsDataCollector.getInstance();
\ No newline at end of file
diff --git a/src/lib/common/analytics-store.ts b/src/lib/common/analytics-store.ts
new file mode 100644
index 00000000..d20d36f6
--- /dev/null
+++ b/src/lib/common/analytics-store.ts
@@ -0,0 +1,20 @@
+import { writable, derived } from 'svelte/store';
+import type { ProjectMetrics, TimeSeriesData } from '$lib/analytics/datacollector';
+
+export const analyticsMetrics = writable<ProjectMetrics[]>([]);
+export const analyticsTimeSeries = writable<TimeSeriesData[]>([]);
+export const analyticsLastUpdate = writable<number>(0);
+
+export const topProjects = derived(analyticsMetrics, ($metrics) => 
+    [...$metrics]
+        .filter(m => m.isActive)
+        .sort((a, b) => b.currentRaised - a.currentRaised)
+        .slice(0, 10)
+);
+
+export const recentlyFunded = derived(analyticsMetrics, ($metrics) =>
+    [...$metrics]
+        .filter(m => m.isSuccessful)
+        .sort((a, b) => b.createdAt - a.createdAt)
+        .slice(0, 5)
+);
\ No newline at end of file
diff --git a/src/lib/components/analytics/ContributorStats.svelte b/src/lib/components/analytics/ContributorStats.svelte
new file mode 100644
index 00000000..a91ead32
--- /dev/null
+++ b/src/lib/components/analytics/ContributorStats.svelte
@@ -0,0 +1,75 @@
+<script lang="ts">
+    import type { ContributorAnalytics } from '$lib/analytics/datacollector';
+    import { Card, CardContent, CardHeader, CardTitle } from '$lib/components/ui/card';
+    import { Badge } from '$lib/components/ui/badge';
+    import { Users, TrendingUp, Activity, Award } from 'lucide-svelte';
+    import { fade, fly } from 'svelte/transition';
+
+    export let analytics: ContributorAnalytics;
+
+    function formatNumber(value: number): string {
+        if (value >= 1000000) {
+            return `${(value / 1000000).toFixed(2)}M`;
+        } else if (value >= 1000) {
+            return `${(value / 1000).toFixed(1)}K`;
+        }
+        return value.toFixed(2);
+    }
+
+    $: stats = [
+        {
+            icon: Users,
+            label: 'Total Contributors',
+            value: analytics.totalContributors,
+            color: 'text-blue-500',
+            bgColor: 'bg-blue-500/10',
+        },
+        {
+            icon: Activity,
+            label: 'Active Projects',
+            value: analytics.activeProjects,
+            color: 'text-green-500',
+            bgColor: 'bg-green-500/10',
+        },
+        {
+            icon: TrendingUp,
+            label: 'Total Contributions',
+            value: formatNumber(analytics.totalContributions) + ' ERG',
+            color: 'text-purple-500',
+            bgColor: 'bg-purple-500/10',
+            raw: analytics.totalContributions,
+        },
+        {
+            icon: Award,
+            label: 'Avg. Contribution',
+            value: formatNumber(analytics.averageContribution) + ' ERG',
+            color: 'text-orange-500',
+            bgColor: 'bg-orange-500/10',
+            raw: analytics.averageContribution,
+        },
+    ];
+</script>
+
+<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
+    {#each stats as stat, index}
+        <div in:fly={{ y: 20, delay: index * 100, duration: 400 }}>
+            <Card class="hover:shadow-lg transition-shadow duration-300">
+                <CardContent class="p-6">
+                    <div class="flex items-start justify-between">
+                        <div class="space-y-2 flex-1">
+                            <p class="text-sm font-medium text-muted-foreground">
+                                {stat.label}
+                            </p>
+                            <p class="text-2xl font-bold">
+                                {typeof stat.value === 'number' ? stat.value : stat.value}
+                            </p>
+                        </div>
+                        <div class="{stat.bgColor} {stat.color} p-3 rounded-lg">
+                            <svelte:component this={stat.icon} size={24} />
+                        </div>
+                    </div>
+                </CardContent>
+            </Card>
+        </div>
+    {/each}
+</div>
\ No newline at end of file
diff --git a/src/lib/components/analytics/ExportReports.svelte b/src/lib/components/analytics/ExportReports.svelte
new file mode 100644
index 00000000..ab312f90
--- /dev/null
+++ b/src/lib/components/analytics/ExportReports.svelte
@@ -0,0 +1,116 @@
+<script lang="ts">
+    import { analyticsCollector } from '$lib/analytics/datacollector';
+    import { Button } from '$lib/components/ui/button';
+    import { Card, CardContent, CardHeader, CardTitle } from '$lib/components/ui/card';
+    import { Download, FileJson, FileSpreadsheet, CheckCircle } from 'lucide-svelte';
+    import { fade } from 'svelte/transition';
+
+    let exporting = false;
+    let exportSuccess = false;
+    let exportError = '';
+
+    async function exportData(format: 'json' | 'csv') {
+        exporting = true;
+        exportError = '';
+        exportSuccess = false;
+
+        try {
+            const data = analyticsCollector.exportData(format);
+            const blob = new Blob([data], { 
+                type: format === 'json' ? 'application/json' : 'text/csv' 
+            });
+            
+            const url = URL.createObjectURL(blob);
+            const link = document.createElement('a');
+            link.href = url;
+            link.download = `benefaction-analytics-${new Date().toISOString().split('T')[0]}.${format}`;
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+            URL.revokeObjectURL(url);
+
+            exportSuccess = true;
+            setTimeout(() => {
+                exportSuccess = false;
+            }, 3000);
+        } catch (error) {
+            exportError = error instanceof Error ? error.message : 'Export failed';
+        } finally {
+            exporting = false;
+        }
+    }
+
+    function printReport() {
+        window.print();
+    }
+</script>
+
+<Card>
+    <CardHeader>
+        <CardTitle class="flex items-center gap-2">
+            <Download class="w-5 h-5" />
+            Export Reports
+        </CardTitle>
+    </CardHeader>
+    <CardContent>
+        <div class="space-y-4">
+            <p class="text-sm text-muted-foreground">
+                Download comprehensive analytics data including project metrics, time-series data, 
+                trends, and contributor statistics.
+            </p>
+
+                       <div class="flex flex-wrap gap-3">
+                <Button
+                    on:click={() => exportData('json')}
+                    disabled={exporting}
+                    variant="outline"
+                >
+                    <div class="flex items-center gap-2">
+                        <FileJson class="w-4 h-4" />
+                        <span>Export JSON</span>
+                    </div>
+                </Button>
+
+                <Button
+                    on:click={() => exportData('csv')}
+                    disabled={exporting}
+                    variant="outline"
+                >
+                    <div class="flex items-center gap-2">
+                        <FileSpreadsheet class="w-4 h-4" />
+                        <span>Export CSV</span>
+                    </div>
+                </Button>
+
+                <Button
+                    on:click={printReport}
+                    variant="outline"
+                >
+                    <div class="flex items-center gap-2">
+                        <Download class="w-4 h-4" />
+                        <span>Print Report</span>
+                    </div>
+                </Button>
+            </div>
+
+            {#if exportSuccess}
+                <div 
+                    class="flex items-center gap-2 text-green-600 text-sm"
+                    transition:fade
+                >
+                    <CheckCircle class="w-4 h-4" />
+                    Export successful!
+                </div>
+            {/if}
+
+            {#if exportError}
+                <div 
+                    class="text-red-600 text-sm"
+                    transition:fade
+                >
+                    Error: {exportError}
+                </div>
+            {/if}
+        </div>
+    </CardContent>
+</Card>
\ No newline at end of file
diff --git a/src/lib/components/analytics/FundingProgressChart.svelte b/src/lib/components/analytics/FundingProgressChart.svelte
new file mode 100644
index 00000000..ba1091a5
--- /dev/null
+++ b/src/lib/components/analytics/FundingProgressChart.svelte
@@ -0,0 +1,99 @@
+<script lang="ts">
+    import { onMount } from 'svelte';
+    import type { ProjectMetrics } from '$lib/analytics/datacollector';
+    import { Card, CardContent, CardHeader, CardTitle } from '$lib/components/ui/card';
+    import { fade } from 'svelte/transition';
+
+    export let metrics: ProjectMetrics[] = [];
+    export let title = "Funding Progress Overview";
+
+    let chartContainer: HTMLDivElement;
+    let hoveredBar: number | null = null;
+
+    $: chartData = metrics
+        .filter(m => m.isActive)
+        .slice(0, 10)
+        .sort((a, b) => b.goalPercentage - a.goalPercentage);
+
+    $: maxValue = Math.max(...chartData.map(d => d.currentRaised), 1);
+
+    function formatCurrency(value: number): string {
+        if (value >= 1000000) {
+            return `${(value / 1000000).toFixed(2)}M`;
+        } else if (value >= 1000) {
+            return `${(value / 1000).toFixed(1)}K`;
+        }
+        return value.toFixed(2);
+    }
+
+    function getBarColor(percentage: number): string {
+        if (percentage >= 100) return 'hsl(142, 76%, 36%)'; // green
+        if (percentage >= 75) return 'hsl(173, 58%, 39%)'; // teal
+        if (percentage >= 50) return 'hsl(48, 96%, 53%)'; // yellow
+        if (percentage >= 25) return 'hsl(25, 95%, 53%)'; // orange
+        return 'hsl(0, 84%, 60%)'; // red
+    }
+</script>
+
+<Card class="w-full">
+    <CardHeader>
+        <CardTitle>{title}</CardTitle>
+    </CardHeader>
+    <CardContent>
+        {#if chartData.length === 0}
+            <div class="flex items-center justify-center h-64 text-muted-foreground">
+                No active projects to display
+            </div>
+        {:else}
+            <div class="space-y-4" bind:this={chartContainer}>
+                {#each chartData as project, index}
+                    <div 
+                        class="relative"
+                        on:mouseenter={() => hoveredBar = index}
+                        on:mouseleave={() => hoveredBar = null}
+                        role="button"
+                        tabindex="0"
+                    >
+                        <div class="flex justify-between items-center mb-1">
+                            <span class="text-sm font-medium truncate max-w-[60%]">
+                                {project.projectTitle}
+                            </span>
+                            <span class="text-sm text-muted-foreground">
+                                {project.goalPercentage.toFixed(1)}%
+                            </span>
+                        </div>
+                        
+                        <div class="w-full bg-muted rounded-full h-8 relative overflow-hidden">
+                            <div 
+                                class="h-full rounded-full transition-all duration-500 ease-out flex items-center justify-end pr-2"
+                                style="width: {Math.min(project.goalPercentage, 100)}%; background-color: {getBarColor(project.goalPercentage)}"
+                                in:fade={{ delay: index * 50 }}
+                            >
+                                {#if project.goalPercentage > 15}
+                                    <span class="text-xs font-semibold text-white">
+                                        {formatCurrency(project.currentRaised)} {project.baseTokenName}
+                                    </span>
+                                {/if}
+                            </div>
+                        </div>
+
+                        {#if hoveredBar === index}
+                            <div 
+                                class="absolute z-10 bg-popover border rounded-lg shadow-lg p-3 -top-24 left-0 w-64"
+                                transition:fade={{ duration: 150 }}
+                            >
+                                <div class="space-y-1 text-sm">
+                                    <p class="font-semibold">{project.projectTitle}</p>
+                                    <p>Raised: {formatCurrency(project.currentRaised)} {project.baseTokenName}</p>
+                                    <p>Goal: {formatCurrency(project.minimumGoal * project.exchangeRate)} {project.baseTokenName}</p>
+                                    <p>Contributors: ~{project.contributorCount}</p>
+                                    <p>Tokens Sold: {project.soldTokens}</p>
+                                </div>
+                            </div>
+                        {/if}
+                    </div>
+                {/each}
+            </div>
+        {/if}
+    </CardContent>
+</Card>
\ No newline at end of file
diff --git a/src/lib/components/analytics/TimeSeriesChart.svelte b/src/lib/components/analytics/TimeSeriesChart.svelte
new file mode 100644
index 00000000..df118986
--- /dev/null
+++ b/src/lib/components/analytics/TimeSeriesChart.svelte
@@ -0,0 +1,165 @@
+<script lang="ts">
+    import { onMount } from 'svelte';
+    import type { TimeSeriesData } from '$lib/analytics/datacollector';
+    import { Card, CardContent, CardHeader, CardTitle } from '$lib/components/ui/card';
+    import { fade } from 'svelte/transition';
+
+    export let data: TimeSeriesData[] = [];
+    export let metric: 'totalRaised' | 'activeProjects' | 'newProjects' | 'totalContributors' = 'totalRaised';
+    export let title = "Trend Analysis";
+
+    let chartContainer: HTMLDivElement;
+    let hoveredPoint: number | null = null;
+    let chartWidth = 0;
+    let chartHeight = 300;
+
+    $: if (chartContainer) {
+        chartWidth = chartContainer.clientWidth;
+    }
+
+    $: chartData = data.slice(-30); // Last 30 days
+    $: maxValue = Math.max(...chartData.map(d => d[metric]), 1);
+    $: minValue = Math.min(...chartData.map(d => d[metric]), 0);
+    $: valueRange = maxValue - minValue || 1;
+
+    $: points = chartData.map((d, i) => ({
+        x: (i / (chartData.length - 1 || 1)) * chartWidth,
+        y: chartHeight - ((d[metric] - minValue) / valueRange) * (chartHeight - 40),
+        value: d[metric],
+        date: d.date,
+    }));
+
+    $: pathD = points.length > 0 
+        ? `M ${points.map(p => `${p.x},${p.y}`).join(' L ')}` 
+        : '';
+
+    $: areaPathD = points.length > 0
+        ? `${pathD} L ${chartWidth},${chartHeight} L 0,${chartHeight} Z`
+        : '';
+
+    function formatValue(value: number): string {
+        if (metric === 'totalRaised') {
+            return value >= 1000 ? `${(value / 1000).toFixed(1)}K` : value.toFixed(0);
+        }
+        return value.toFixed(0);
+    }
+
+    function getMetricLabel(): string {
+        const labels = {
+            totalRaised: 'Total Raised (ERG)',
+            activeProjects: 'Active Projects',
+            newProjects: 'New Projects',
+            totalContributors: 'Total Contributors',
+        };
+        return labels[metric];
+    }
+
+    onMount(() => {
+        const resizeObserver = new ResizeObserver(() => {
+            if (chartContainer) {
+                chartWidth = chartContainer.clientWidth;
+            }
+        });
+        
+        if (chartContainer) {
+            resizeObserver.observe(chartContainer);
+        }
+
+        return () => resizeObserver.disconnect();
+    });
+</script>
+
+<Card class="w-full">
+    <CardHeader>
+        <CardTitle>{title}</CardTitle>
+        <p class="text-sm text-muted-foreground">{getMetricLabel()}</p>
+    </CardHeader>
+    <CardContent>
+        {#if chartData.length === 0}
+            <div class="flex items-center justify-center h-64 text-muted-foreground">
+                No data available
+            </div>
+        {:else}
+            <div class="relative" bind:this={chartContainer} style="height: {chartHeight}px;">
+                <svg width="100%" height="100%" class="overflow-visible">
+                    <!-- Grid lines -->
+                    {#each [0, 0.25, 0.5, 0.75, 1] as tick}
+                        <line
+                            x1="0"
+                            y1="{chartHeight - (tick * (chartHeight - 40))}"
+                            x2="{chartWidth}"
+                            y2="{chartHeight - (tick * (chartHeight - 40))}"
+                            stroke="hsl(var(--muted))"
+                            stroke-width="1"
+                            stroke-dasharray="4"
+                        />
+                        <text
+                            x="5"
+                            y="{chartHeight - (tick * (chartHeight - 40)) - 5}"
+                            class="text-xs fill-muted-foreground"
+                        >
+                            {formatValue(minValue + (tick * valueRange))}
+                        </text>
+                    {/each}
+
+                    <!-- Area gradient -->
+                    <defs>
+                        <linearGradient id="areaGradient" x1="0%" y1="0%" x2="0%" y2="100%">
+                            <stop offset="0%" style="stop-color:hsl(var(--primary));stop-opacity:0.3" />
+                            <stop offset="100%" style="stop-color:hsl(var(--primary));stop-opacity:0.05" />
+                        </linearGradient>
+                    </defs>
+
+                    <!-- Area under curve -->
+                    <path
+                        d={areaPathD}
+                        fill="url(#areaGradient)"
+                        transition:fade
+                    />
+
+                    <!-- Line -->
+                    <path
+                        d={pathD}
+                        fill="none"
+                        stroke="hsl(var(--primary))"
+                        stroke-width="3"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        transition:fade
+                    />
+
+                    <!-- Data points -->
+                    {#each points as point, index}
+                        <circle
+                            cx={point.x}
+                            cy={point.y}
+                            r={hoveredPoint === index ? 6 : 4}
+                            fill="hsl(var(--primary))"
+                            stroke="hsl(var(--background))"
+                            stroke-width="2"
+                            class="cursor-pointer transition-all"
+                            on:mouseenter={() => hoveredPoint = index}
+                            on:mouseleave={() => hoveredPoint = null}
+                            role="button"
+                            tabindex="0"
+                        />
+                    {/each}
+                </svg>
+
+                <!-- Tooltip -->
+                {#if hoveredPoint !== null && points[hoveredPoint]}
+                    <div 
+                        class="absolute bg-popover border rounded-lg shadow-lg p-2 pointer-events-none"
+                        style="left: {points[hoveredPoint].x}px; top: {points[hoveredPoint].y - 60}px; transform: translateX(-50%);"
+                        transition:fade={{ duration: 150 }}
+                    >
+                        <div class="text-xs space-y-1">
+                            <p class="font-semibold">{points[hoveredPoint].date}</p>
+                            <p>{getMetricLabel()}: {formatValue(points[hoveredPoint].value)}</p>
+                        </div>
+                    </div>
+                {/if}
+            </div>
+        {/if}
+    </CardContent>
+</Card>
\ No newline at end of file
diff --git a/src/lib/components/analytics/TrendIndicator.svelte b/src/lib/components/analytics/TrendIndicator.svelte
new file mode 100644
index 00000000..441061f1
--- /dev/null
+++ b/src/lib/components/analytics/TrendIndicator.svelte
@@ -0,0 +1,155 @@
+<script lang="ts">
+    import type { TrendAnalysis } from '$lib/analytics/datacollector';
+    import { Card, CardContent, CardHeader, CardTitle } from '$lib/components/ui/card';
+    import { Badge } from '$lib/components/ui/badge';
+    import { TrendingUp, TrendingDown, Minus, Clock, Trophy, Calendar } from 'lucide-svelte';
+    import { fade } from 'svelte/transition';
+
+    export let trends: TrendAnalysis;
+
+    function getTrendIcon(trend: string) {
+        if (trend === 'increasing') return TrendingUp;
+        if (trend === 'decreasing') return TrendingDown;
+        return Minus;
+    }
+
+    function getTrendColor(trend: string) {
+        if (trend === 'increasing') return 'text-green-500';
+        if (trend === 'decreasing') return 'text-red-500';
+        return 'text-gray-500';
+    }
+
+    function getTrendBadgeVariant(trend: string): "default" | "secondary" | "destructive" | "outline" {
+        if (trend === 'increasing') return 'default';
+        if (trend === 'decreasing') return 'destructive';
+        return 'secondary';
+    }
+</script>
+
+<div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
+    <!-- Funding Trend -->
+    <div transition:fade>
+        <Card>
+            <CardHeader>
+                <CardTitle>
+                    <div class="flex items-center gap-2">
+                        <div class="{getTrendColor(trends.fundingTrend)}">
+                            <svelte:component 
+                                this={getTrendIcon(trends.fundingTrend)} 
+                                size={20}
+                            />
+                        </div>
+                        <span>Funding Trend</span>
+                    </div>
+                </CardTitle>
+            </CardHeader>
+            <CardContent>
+                <div class="space-y-4">
+                    <div>
+                        <Badge variant={getTrendBadgeVariant(trends.fundingTrend)} class="text-sm">
+                            {trends.fundingTrend.toUpperCase()}
+                        </Badge>
+                    </div>
+                    <p class="text-sm text-muted-foreground">
+                        {#if trends.fundingTrend === 'increasing'}
+                            Funding activity is growing! Projects are attracting more contributions.
+                        {:else if trends.fundingTrend === 'decreasing'}
+                            Funding activity has decreased. Consider promoting active campaigns.
+                        {:else}
+                            Funding activity remains stable with consistent contributions.
+                        {/if}
+                    </p>
+                </div>
+            </CardContent>
+        </Card>
+    </div>
+
+    <!-- Success Rate -->
+    <div transition:fade={{ delay: 100 }}>
+        <Card>
+            <CardHeader>
+                <CardTitle>
+                    <div class="flex items-center gap-2">
+                        <div class="text-yellow-500">
+                            <Trophy size={20} />
+                        </div>
+                        <span>Success Rate</span>
+                    </div>
+                </CardTitle>
+            </CardHeader>
+            <CardContent>
+                <div class="space-y-4">
+                    <div class="flex items-baseline gap-2">
+                        <span class="text-3xl font-bold">{trends.successRate.toFixed(1)}%</span>
+                        <span class="text-sm text-muted-foreground">of completed projects</span>
+                    </div>
+                    <div class="w-full bg-muted rounded-full h-2">
+                        <div 
+                            class="bg-gradient-to-r from-green-500 to-emerald-500 h-2 rounded-full transition-all duration-700"
+                            style="width: {trends.successRate}%"
+                        />
+                    </div>
+                </div>
+            </CardContent>
+        </Card>
+    </div>
+
+    <!-- Average Time to Goal -->
+    <div transition:fade={{ delay: 200 }}>
+        <Card>
+            <CardHeader>
+                <CardTitle>
+                    <div class="flex items-center gap-2">
+                        <div class="text-blue-500">
+                            <Clock size={20} />
+                        </div>
+                        <span>Avg. Time to Goal</span>
+                    </div>
+                </CardTitle>
+            </CardHeader>
+            <CardContent>
+                <div class="space-y-2">
+                    <div class="flex items-baseline gap-2">
+                        <span class="text-3xl font-bold">{Math.round(trends.averageTimeToGoal)}</span>
+                        <span class="text-sm text-muted-foreground">days</span>
+                    </div>
+                    <p class="text-sm text-muted-foreground">
+                        Average duration for successful projects to reach their funding goal.
+                    </p>
+                </div>
+            </CardContent>
+        </Card>
+    </div>
+
+    <!-- Peak Funding Periods -->
+    <div transition:fade={{ delay: 300 }}>
+        <Card>
+            <CardHeader>
+                <CardTitle>
+                    <div class="flex items-center gap-2">
+                        <div class="text-purple-500">
+                            <Calendar size={20} />
+                        </div>
+                        <span>Peak Funding Days</span>
+                    </div>
+                </CardTitle>
+            </CardHeader>
+            <CardContent>
+                <div class="space-y-2">
+                    {#if trends.peakFundingPeriods.length > 0}
+                        {#each trends.peakFundingPeriods.slice(0, 3) as period, index}
+                            <div class="flex justify-between items-center py-2 border-b last:border-b-0">
+                                <span class="text-sm font-medium">#{index + 1} {period.period}</span>
+                                <span class="text-sm text-muted-foreground">
+                                    {(period.amount / 1000).toFixed(1)}K ERG
+                                </span>
+                            </div>
+                        {/each}
+                    {:else}
+                        <p class="text-sm text-muted-foreground">Not enough data yet</p>
+                    {/if}
+                </div>
+            </CardContent>
+        </Card>
+    </div>
+</div>
\ No newline at end of file
diff --git a/src/lib/ergo/platform.ts b/src/lib/ergo/platform.ts
index d15e06a7..11fbe75a 100644
--- a/src/lib/ergo/platform.ts
+++ b/src/lib/ergo/platform.ts
@@ -11,6 +11,15 @@ import { get } from "svelte/store";
 import { temp_exchange } from './actions/temp_exchange';
 import { type contract_version } from './contract';
 
+declare global {
+    interface Window {
+        ergo?: {
+            get_current_height(): Promise<number>;
+            get_change_address(): Promise<string>;
+        };
+    }
+}
+
 export class ErgoPlatform implements Platform {
 
     id = "ergo";
diff --git a/src/routes/Analytics.svelte b/src/routes/Analytics.svelte
new file mode 100644
index 00000000..12e4f357
--- /dev/null
+++ b/src/routes/Analytics.svelte
@@ -0,0 +1,249 @@
+<script lang="ts">
+    import { onMount, onDestroy } from 'svelte';
+    import { projects } from '$lib/common/store';
+    import { analyticsCollector } from '$lib/analytics/datacollector';
+    import type { ProjectMetrics, TimeSeriesData, TrendAnalysis, ContributorAnalytics } from '$lib/analytics/data-collector';
+    
+    import FundingProgressChart from '$lib/components/analytics/FundingProgressChart.svelte';
+    import TimeSeriesChart from '$lib/components/analytics/TimeSeriesChart.svelte';
+    import ContributorStats from '$lib/components/analytics/ContributorStats.svelte';
+    import TrendIndicator from '$lib/components/analytics/TrendIndicator.svelte';
+    import ExportReports from '$lib/components/analytics/ExportReports.svelte';
+    import { Card, CardContent, CardHeader, CardTitle } from '$lib/components/ui/card';
+    import { Button } from '$lib/components/ui/button';
+    import { Badge } from '$lib/components/ui/badge';
+    import { RefreshCw, BarChart3, TrendingUp, Users, DollarSign } from 'lucide-svelte';
+    import { fade, fly } from 'svelte/transition';
+
+    let allMetrics: ProjectMetrics[] = [];
+    let timeSeriesData: TimeSeriesData[] = [];
+    let trends: TrendAnalysis | null = null;
+    let contributorAnalytics: ContributorAnalytics | null = null;
+    let loading = true;
+    let refreshing = false;
+    let selectedMetric: 'totalRaised' | 'activeProjects' | 'newProjects' | 'totalContributors' = 'totalRaised';
+    let refreshInterval: ReturnType<typeof setInterval>;
+
+    const metricOptions = [
+        { value: 'totalRaised', label: 'Total Raised', icon: DollarSign },
+        { value: 'activeProjects', label: 'Active Projects', icon: BarChart3 },
+        { value: 'newProjects', label: 'New Projects', icon: TrendingUp },
+        { value: 'totalContributors', label: 'Contributors', icon: Users },
+    ] as const;
+
+    async function loadAnalytics() {
+        try {
+            refreshing = true;
+            
+            // Collect all metrics
+            allMetrics = analyticsCollector.collectAllMetrics();
+            
+            // Generate time series data
+            timeSeriesData = analyticsCollector.generateTimeSeriesData(30);
+            
+            // Analyze trends
+            trends = analyticsCollector.analyzeTrends(timeSeriesData);
+            
+            // Get contributor analytics
+            contributorAnalytics = analyticsCollector.generateContributorAnalytics();
+            
+            loading = false;
+        } catch (error) {
+            console.error('Failed to load analytics:', error);
+        } finally {
+            refreshing = false;
+        }
+    }
+
+    function handleRefresh() {
+        analyticsCollector.clearCache();
+        loadAnalytics();
+    }
+
+    onMount(() => {
+        loadAnalytics();
+        
+        // Auto-refresh every 5 minutes
+        refreshInterval = setInterval(() => {
+            loadAnalytics();
+        }, 5 * 60 * 1000);
+    });
+
+    onDestroy(() => {
+        if (refreshInterval) {
+            clearInterval(refreshInterval);
+        }
+    });
+
+    $: totalProjects = allMetrics.length;
+    $: activeProjects = allMetrics.filter(m => m.isActive).length;
+    $: successfulProjects = allMetrics.filter(m => m.isSuccessful).length;
+    $: totalFundsRaised = allMetrics.reduce((sum, m) => sum + m.currentRaised, 0);
+</script>
+
+<div class="min-h-screen bg-background p-4 md:p-8 space-y-8">
+    <!-- Header -->
+    <div class="flex flex-col md:flex-row justify-between items-start md:items-center gap-4" in:fade>
+        <div>
+            <h1 class="text-4xl font-bold tracking-tight">Analytics Dashboard</h1>
+            <p class="text-muted-foreground mt-2">
+                Comprehensive insights into platform performance and funding trends
+            </p>
+        </div>
+        
+        <Button 
+            on:click={handleRefresh} 
+            disabled={refreshing}
+            variant="outline"
+        >
+            <div class="flex items-center gap-2">
+                <div class:animate-spin={refreshing}>
+                    <RefreshCw size={16} />
+                </div>
+                <span>Refresh Data</span>
+            </div>
+        </Button>
+    </div>
+
+    {#if loading}
+        <div class="flex items-center justify-center h-64">
+            <div class="flex flex-col items-center gap-4">
+                <div class="animate-spin text-primary">
+                    <RefreshCw size={32} />
+                </div>
+                <p class="text-muted-foreground">Loading analytics...</p>
+            </div>
+        </div>
+    {:else}
+        <!-- Summary Cards -->
+        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
+            <div in:fly={{ y: 20, delay: 0, duration: 400 }}>
+                <Card>
+                    <CardContent class="p-6">
+                        <div class="flex items-start justify-between">
+                            <div class="space-y-2">
+                                <p class="text-sm font-medium text-muted-foreground">Total Projects</p>
+                                <p class="text-3xl font-bold">{totalProjects}</p>
+                                <Badge variant="secondary">{activeProjects} active</Badge>
+                            </div>
+                            <div class="bg-blue-500/10 p-3 rounded-lg text-blue-500">
+                                <BarChart3 size={24} />
+                            </div>
+                        </div>
+                    </CardContent>
+                </Card>
+            </div>
+
+            <div in:fly={{ y: 20, delay: 100, duration: 400 }}>
+                <Card>
+                    <CardContent class="p-6">
+                        <div class="flex items-start justify-between">
+                            <div class="space-y-2">
+                                <p class="text-sm font-medium text-muted-foreground">Total Raised</p>
+                                <p class="text-3xl font-bold">{(totalFundsRaised / 1000).toFixed(1)}K</p>
+                                <p class="text-xs text-muted-foreground">ERG</p>
+                            </div>
+                            <div class="bg-green-500/10 p-3 rounded-lg text-green-500">
+                                <DollarSign size={24} />
+                            </div>
+                        </div>
+                    </CardContent>
+                </Card>
+            </div>
+
+            <div in:fly={{ y: 20, delay: 200, duration: 400 }}>
+                <Card>
+                    <CardContent class="p-6">
+                        <div class="flex items-start justify-between">
+                            <div class="space-y-2">
+                                <p class="text-sm font-medium text-muted-foreground">Success Rate</p>
+                                <p class="text-3xl font-bold">{trends?.successRate.toFixed(1) || 0}%</p>
+                                <p class="text-xs text-muted-foreground">{successfulProjects} successful</p>
+                            </div>
+                            <div class="bg-purple-500/10 p-3 rounded-lg text-purple-500">
+                                <TrendingUp size={24} />
+                            </div>
+                        </div>
+                    </CardContent>
+                </Card>
+            </div>
+
+            <div in:fly={{ y: 20, delay: 300, duration: 400 }}>
+                <Card>
+                    <CardContent class="p-6">
+                        <div class="flex items-start justify-between">
+                            <div class="space-y-2">
+                                <p class="text-sm font-medium text-muted-foreground">Contributors</p>
+                                <p class="text-3xl font-bold">{contributorAnalytics?.totalContributors || 0}</p>
+                                <p class="text-xs text-muted-foreground">platform-wide</p>
+                            </div>
+                            <div class="bg-orange-500/10 p-3 rounded-lg text-orange-500">
+                                <Users size={24} />
+                            </div>
+                        </div>
+                    </CardContent>
+                </Card>
+            </div>
+        </div>
+
+        <!-- Contributor Statistics -->
+        {#if contributorAnalytics}
+            <div in:fade={{ delay: 200 }}>
+                <ContributorStats analytics={contributorAnalytics} />
+            </div>
+        {/if}
+
+        <!-- Funding Progress -->
+        <div in:fade={{ delay: 300 }}>
+            <FundingProgressChart metrics={allMetrics} />
+        </div>
+
+        <!-- Time Series Chart with Metric Selector -->
+        <div class="space-y-4" in:fade={{ delay: 400 }}>
+            <div class="flex flex-wrap gap-2">
+                {#each metricOptions as option}
+                    <Button
+                        variant={selectedMetric === option.value ? 'default' : 'outline'}
+                        size="sm"
+                        on:click={() => selectedMetric = option.value}
+                    >
+                        <div class="flex items-center gap-2">
+                            <svelte:component this={option.icon} size={16} />
+                            <span>{option.label}</span>
+                        </div>
+                    </Button>
+                {/each}
+            </div>
+
+            <TimeSeriesChart 
+                data={timeSeriesData} 
+                metric={selectedMetric}
+                title="30-Day Trend Analysis"
+            />
+        </div>
+
+        <!-- Trend Indicators -->
+        {#if trends}
+            <div in:fade={{ delay: 500 }}>
+                <TrendIndicator trends={trends} />
+            </div>
+        {/if}
+
+        <!-- Export Section -->
+        <div in:fade={{ delay: 600 }}>
+            <ExportReports />
+        </div>
+    {/if}
+</div>
+
+<style>
+    @media print {
+        :global(button), :global(.no-print) {
+            display: none !important;
+        }
+        
+        :global(.print\\:block) {
+            display: block !important;
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/src/routes/App.svelte b/src/routes/App.svelte
index d4b71af8..d6b19f94 100644
--- a/src/routes/App.svelte
+++ b/src/routes/App.svelte
@@ -17,6 +17,8 @@
     import NewProject from "./NewProject.svelte";
     import TokenAcquisition from "./TokenAcquisition.svelte";
     import ProjectDetails from "./ProjectDetails.svelte";
+    import Analytics from "./Analytics.svelte";
+    import { BarChart3 } from 'lucide-svelte';
     import { ErgoPlatform } from "$lib/ergo/platform";
     import { loadProjectById } from "$lib/common/load_by_id";
     import { browser } from "$app/environment";
@@ -247,6 +249,11 @@
                     <a href="#" on:click={() => changeTab("submitProject")}>
                         New Campaign
                     </a>
+                </li>
+                                <li class={activeTab === "analytics" ? "active" : ""}>
+                    <a href="#" on:click={() => changeTab("analytics")}>
+                        Analytics
+                    </a>
                 </li>
             </ul>
         </nav>
@@ -337,6 +344,11 @@
                 <a href="#" on:click={() => changeTab("submitProject")}>
                     New Campaign
                 </a>
+            </li>
+                        <li class={activeTab === "analytics" ? "active" : ""}>
+                <a href="#" on:click={() => changeTab("analytics")}>
+                    Analytics
+                </a>
             </li>
         </ul>
     </div>
@@ -356,6 +368,9 @@
         {#if activeTab === "submitProject"}
             <NewProject />
         {/if}
+        {#if activeTab === "analytics"}
+            <Analytics />
+        {/if}
     {:else}
         <ProjectDetails />
     {/if}