Yasin DehfuliFront-end developer
Yasin DehfuliFront-end developer
Front-end

Trend Panel: ad agency operations panel

Operations panel of the Trend agency for Instagram, Telegram and influencer campaigns, with publishers, media plans, reports, invoices and payouts.

  • Vue.js
  • Vuetify
  • TypeScript
  • Pinia
  • Vite
  • Sentry
Full-page screenshot of the Campaigns page of Trend Panel

Overview

Trend is a digital marketing agency, and this panel is where its team runs the work: clients and brands, Instagram, Telegram and influencer campaigns, the publishers whose pages carry the ads, media plans, contracts, invoices and payouts.

I rebuilt it with Vue.js 3, Vuetify and TypeScript to replace a legacy system, and developed it for almost two years, from April 2024 to January 2026, in more than a thousand commits. Large lists use virtual scrolling, every user sees only what their role allows, and the whole panel works in light and dark themes.

What I built

  • Campaigns for Instagram, Telegram and influencers, from the media plan to the final report
  • Tables with virtual scrolling, filters and a card view, exported to Excel or ZIP
  • Role-based access to every section and action
  • Publisher management, with bank details that recognise the bank from the IBAN
  • Light and dark themes and a set of more than a hundred SVG icons
  • Persian calendar dates throughout and error tracking with Sentry

Planning something similar?

Tell me what you’re building and when you need it, and I’ll reply with questions and next steps.

Get in touch

Designed and built with Angular.