Internal Analytics Dashboard

Web

Overview dashboard consolidating GA4, Search Console, and RevenueCat data for 70+ properties, including party games like Truth or Dare and Would You Rather, and content platforms like PsyCat Games, to get a quick status check at a glance.

Full-Stack Developer ยท UX Designer 2025 - Present
70+ Properties
3 APIs Data Sources
20+ Apps Tracked
60+ Websites Tracked

Tech

Next.jsReactTypeScriptTailwind CSSRechartsFirebaseCloud FunctionsFirestoreGA4 APIRevenueCat APIGoogle Search Console API

Deep Dive

Frontend

Next.js 15 app with Turbopack, React 19, TypeScript, Tailwind CSS, and custom hooks, deployed on Firebase Hosting.

  • Stack Next.js 15, React 19, TypeScript, Tailwind CSS
  • Hooks useFirestore for property loading, useAnalytics for per-property data
  • Auth Firebase Authentication with protected routes and session persistence
Dashboard overview

Dashboard

Unified view of active users, clicks, revenue, and subscriptions across all properties.

  • Charts Recharts line charts with 365-day time series and animated transitions
  • Presets Date range buttons for 7d, 30d, 90d, 180d with period-over-period comparison
  • Tables Sortable by name, niche, active users, clicks, and revenue
Date ranges Filters + search

One dashboard replacing daily context-switching between GA4, Search Console, and RevenueCat.

Data Pipeline

Scheduled Cloud Functions aggregate metrics from three external APIs.

  • GA4 Active users and organic search clicks via BetaAnalyticsDataClient
  • RevenueCat Revenue, active subscriptions, and trial counts for 20+ mobile apps
  • Sync Every 12 hours with parallel Promise.all fetching and graceful fallbacks