Back to Portfolio
Case Study

SourceXCookieless Web Analytics Platform

SourceX is a cookieless web analytics platform for understanding live traffic, acquisition sources, page performance, audience behavior, and visitor journeys through privacy-conscious, first-party tracking.

Role

Full-Stack Engineer

Timeline

June 2026 - Present

Product Focus

Website analytics

The Challenge

Analytics Tools Were Too Complex for Everyday Decisions

Website owners needed clear answers about traffic, content, and visitor behavior without navigating the complexity of enterprise analytics platforms.

Tracking Setup Needed a Clear Path to Verification

Installing a script was only the first step. Users also needed visible confirmation that events were arriving and the website was configured correctly.

Useful Insights Had to Respect Visitor Privacy

The platform needed to provide meaningful acquisition, audience, and performance data through cookieless tracking and anonymous visitor identifiers.

Every Analytics View Needed to Work Together

Overview, realtime, source, page, visitor, audience, and journey views needed consistent metrics, filters, and website context.

The Solution

SourceX combines lightweight first-party tracking with guided installation and a focused analytics workspace. Website activity is captured without cookies and organized into clear views for realtime traffic, sources, pages, visitors, audience, and journeys.

Product Areas

What SourceX Delivers

Cookieless Tracking

A lightweight JavaScript snippet captures pageviews, sessions, referrers, campaigns, devices, geography, and page performance without cookies.

Guided Website Setup

Admins can add a website, copy its generated tracking snippet, test the installation, and confirm the first live event through a focused onboarding flow.

Analytics Overview

Core metrics such as visitors, pageviews, bounce rate, load time, traffic trends, devices, browsers, and geography are presented in one clear view.

Realtime Monitoring

Live activity shows active visitors, current pages, recent pageviews, traffic sources, devices, countries, and cities as events arrive.

Acquisition & Page Insights

Source and page analytics show where visitors arrive from, which content performs well, and where traffic slows or drops.

Visitor Journeys

Journey views connect entry pages, page transitions, and exits to show how visitors move through a website.

Tech Stack

Frontend

Next.js 16 App RouterReact 19TypeScriptTailwind CSSShadcn UI

Backend

Supabase PostgreSQLNext.js Route HandlersServer ActionsZod Validation

Analytics Systems

Cookieless tracking scriptSession and pageview ingestionSource classificationRealtime analyticsVisitor journey modeling

Quality & Security

VitestCloudflare TurnstilePrivacy controlsTraffic exclusionsBot-aware tracking

From Tracking Friction to Product Clarity

Building SourceX required coordinated decisions across event collection, data modeling, analytics, privacy, and product usability.

01

Building a Reliable Tracking Pipeline

Challenge: The client script needed to capture useful analytics context, maintain anonymous visitor and session continuity, and send events without affecting the host website.

Solution: I implemented a lightweight ingestion flow for pageviews and performance data with anonymous identifiers, source classification, validation, and privacy-aware collection.

02

Making Installation Status Explicit

Challenge: A copied script does not guarantee a working integration, and silent setup failures would leave users with an empty dashboard and no clear recovery path.

Solution: I created a guided setup and verification flow that checks for the first event, communicates tracking status clearly, and directs users to the relevant website settings.

03

Keeping Analytics Queries Consistent

Challenge: Each dashboard surface needed consistent date ranges, website scoping, comparison periods, source classification, and metric definitions.

Solution: I organized the analytics layer around shared range helpers, selected-website filtering, reusable classifications, and dedicated query modules for each analytics view.

04

Presenting Dense Data Without Dashboard Clutter

Challenge: The platform covers many dimensions, but exposing every metric at once would recreate the complexity SourceX was designed to avoid.

Solution: I separated analysis by user intent and used focused KPI cards, trend charts, ranked lists, and practical tables with consistent visual hierarchy.

05

Supporting Multiple Websites Safely

Challenge: One admin can manage multiple properties, so every analytics view, setting, and verification action must stay scoped to the correct website.

Solution: I added a persistent website selection model, property-level controls, and database access rules that keep analytics and settings isolated by ownership and website.

06

Connecting Visitor Activity Into Journeys

Challenge: Individual pageviews were useful, but they did not explain how visitors entered, navigated, and left a website.

Solution: I connected session activity into entry, transition, and exit views so website owners can understand common navigation paths.

Product Impact

SourceX gives website owners a shorter path from installation to insight, with clear verification, live visibility, and privacy-aware data collection.

Before vs After

Setup
Before
Install with limited feedback
After
Guided setup and live verification
Privacy Model
Before
Cookie-dependent tracking
After
Cookieless anonymous analytics
Analytics Experience
Before
Dense, disconnected dashboards
After
Focused views by user intent
Operations
Before
Fragmented property controls
After
Centralized multi-site management

Role & Contributions

As a Full-Stack Engineer, I built the tracking pipeline, website onboarding and verification flow, analytics query layer, realtime monitoring, source and page analytics, visitor journeys, and multi-site management. The work focused on making complex analytics capabilities feel clear, reliable, and practical for everyday website decisions.