Skip to content
All case studies
ProfessionalAnalytics / Cross-Framework

Tracking Suite

One product, four frameworks

In short: Tracking Suite (Analytics / Cross-Framework) is a case study from Daniyal Alam’s portfolio: One product, four frameworks. Core stack: React, Vue 3, AngularJS.

A booking/tracking product implemented across React, Vue 3 and AngularJS frontends plus a Node.js tracking server — a deliberate demonstration of cross-framework versatility.

Industry
Analytics / Cross-Framework
Scope
Polished, shipped applications
Core stack
React · Vue 3 · AngularJS · Express

The problem

Proving the same product can be delivered idiomatically in any frontend stack.

The solution

Parallel implementations (React + Framer Motion, Vue 3 Composition API, AngularJS + Bootstrap) backed by an Express tracking server serving per-company scripts and mock APIs.

Technical challenges

The engineering problems this build had to get right.

  • Idiomatic parity across frameworks
  • Secure dynamic script serving
  • Consistent UX across stacks

Architecture

Frontend
React 19 / Vue 3 / AngularJS 1.8
Backend
Express tracking server

Implementation — what shipped

React build with Framer Motion
Vue 3 build with reusable modals
AngularJS 1.x legacy build
Node.js tracking server (Helmet/CORS)
Per-company dynamic script serving
Session & heartbeat tracking endpoints

Engineering notes

Lesson for similar Analytics builds: design for idiomatic parity across frameworks and secure dynamic script serving up front — these are the parts that are expensive to retrofit once the feature list grows.

Technologies

  • React
  • Vue 3
  • AngularJS
  • Express
  • Tailwind
  • Framer Motion
  • Helmet

Building something similar?

A 30-minute discovery call is enough to scope the approach and a realistic budget.