Tillbaka till projekt
dashboard2025-10Live

AdVue Dashboard – AI-driven kampanjanalys med lokal datahantering

Next.jsReactTypeScriptShadCN UITailwind CSSRechartsIndexedDBFirebase HostingGenkitGemini APIClaude API (via OpenRouter)
AdVue Dashboard – AI-driven kampanjanalys med lokal datahantering

Bakgrund & problem

Kampanjansvariga och analytiker som arbetar med digital annonsering sitter ofta med massiva Excel-filer – ibland hundratusentals rader med kampanjdata från sociala medier, sök och display. Att hitta mönster och samband i dessa datamängder manuellt är i praktiken omöjligt. Traditionella BI-verktyg som Looker Studio kämpar med stora datamängder, och molnbaserade lösningar väcker GDPR-frågor när man arbetar med kunddata.

Jag ville utforska: Kan man bygga en dashboard som hanterar extremt stora datamängder, genererar AI-driven analys – och samtidigt håller all data helt lokal i användarens webbläsare?

Vad jag byggde

1. Prestandaoptimerad datahantering

Dashboarden använder IndexedDB för att lagra och bearbeta data lokalt i webbläsaren. Genom optimeringar som pre-parsed timestamps och single-pass algoritmer gick prestandan från att krascha vid 20 000 rader till att smidigt hantera 700 000+ rader – en förbättring på 20–30x.

2. Interaktiv kampanjdashboard

  • KPI-kort – Spend, Impressions, Conversions, CPM och CPA
  • Performance Over Time – Tidslinje med valbart datumintervall
  • Device Performance – Konverteringar per enhetstyp
  • Top URLs by Conversions – Ranking av mest effektiva placeringar

3. AI-prestationsanalys med tre nivåer

  • Snabb – Gemini 2.0 Flash för snabba insikter
  • Djup – Gemini 2.0 Flash för mer ingående analys
  • Expert – Claude Sonnet 4.5 för expertanalys

4. Privacy-first arkitektur

All data stannar i användarens webbläsare. Ingen data laddas upp till servrar.

Lärdomar & reflektioner

Det här projektet visade hur AI skapar värde där människan når sina gränser – att göra det komplexa begripligt i datamängder som är omöjliga att analysera manuellt.

Highlights

  • Hanterar 700 000+ rader lokalt
  • Privacy-first – ingen data lämnar webbläsaren
  • Multi-LLM analys (Gemini + Claude)