Skip to content
All work
ProfessionalAnalytics / Cross-Framework

Tracking Suite

One product, four frameworks

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.

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.

Key Features

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

Architecture

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

Engineering Challenges

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

Tech Stack

ReactVue 3AngularJSExpressTailwindFramer MotionHelmet
Live demo, screenshots and walkthrough video — slots are ready for these assets.