ClickThrough cloud — CRO testing admin panel

Author
Alex Soar
Technologies
Laravel 12, Vue 3, TypeScript, Inertia.js, Vite, Tailwind CSS, Radix Vue, Chart.js, vue-chartjs, SortableJS, Ziggy.js, lucide-vue-next, VueUse, class-variance-authority, clsx, tailwind-merge

ClickThrough Cloud is a modern internal platform for managing CRO (Conversion Rate Optimization) campaigns. It enables teams to create, monitor, and visualise A/B testing activity across digital assets, with powerful role-based user access and a clean, intuitive UI.

Core Features:

Dynamic CRO test builder using conditional URL logic (startsWith, regex, endsWith, etc.)

Dashboard visualisation with interactive charts (built on Chart.js + vue-chartjs)

User & role management with Admin/Super Admin permissions

Drag-and-drop interface for CRO test steps (via SortableJS)

Fully responsive UI using Tailwind CSS and radix-vue components

Tech Stack:

Vue 3 + TypeScript with @inertiajs/vue3

Laravel 12 as the backend framework

Tailwind CSS + tailwindcss-animate for styling and animations

Chart.js and chartjs-plugin-datalabels for data visualisation

Lucide Icons via lucide-vue-next

Vite as the frontend build tool

Ziggy.js for Laravel route sharing in the frontend

Extras:

class-variance-authority, clsx, and tailwind-merge for cleaner class logic

Integrated with VueUse for reactive utility composition

Built with developer ergonomics and future scalability in mind