DecaBabes CMS
Beauty People CMS — a back-office admin dashboard for an influencer marketing platform in the beauty industry. Internal operators use it to manage brand ambassadors, campaigns, products, content, and financial operations…
This project is a legit production system — the UI is internal/confidential so screenshots aren't available.
Enterprise
15 technologies
Beauty People CMS — a back-office admin dashboard for an influencer marketing platform in the beauty industry. Internal operators use it to manage brand ambassadors, campaigns, products, content, and financial operations. It replaces manual spreadsheets with a unified operational interface spanning user verification, campaign orchestration, and real-time communication.
Problem
Beauty brands struggle to manage hundreds of influencers across 9 social platforms with per-platform follower metrics, engagement tracking, and content verification — all at scale.
Operators needed a single dashboard to oversee user lifecycles (registration, suspension, tier upgrades), campaign job submissions, product claims, and withdrawals without switching tools.
Approach
Server-driven RBAC: Navigation menus and route permissions are built at runtime from the backend role config, allowing admins to reconfigure access without deploys.
Reusable table pattern: Paginated, sortable, searchable data tables with Excel export shared across ~20 CRUD modules via a centralized config-driven fetcher.
Real-time layer: Pusher integration delivers live notifications and chat messages directly in the authenticated layout, decoupled from individual page mounts.
Lazy-loaded module routing: Every feature module is code-split via dynamic imports, with session-stored pagination state for navigation continuity.
Multi-platform social tracking: Single view aggregates follower counts, engagement rates, and content verification status across Instagram, TikTok, YouTube, Threads, Lemon8, and 4 other platforms.
Impact
Consolidated 6+ operational workflows (BA management, campaigns, products, claims, withdrawals, notifications) into a single dashboard.
Reduced campaign participant data review time through unified platform-metric tables with built-in Excel export.
Role-based menu permissions eliminated the need for separate admin interfaces per operator level.
Stack
- Vue 2
- Vuex
- Vue Router
- Axios
- Vuesax
- Tailwind CSS
- AG Grid
- ApexCharts
- Chart.js
- Quill (rich text)
- Pusher (real-time)
- VeeValidate
- SheetJS (Excel)
- Feather Icons
- Vue Draggable