Get In Touch
Deep Dives

Case studies

Real problems, real solutions, measurable outcomes — a look at how I think and build.

Real EstateSEONext.js

The Canadian Home — SEO & Performance

Maple Tech Space · Canadian Real Estate Platform
LCP
Poor → Good
Indexed
By Google ✓
My Role

Front-End Developer — contributed to React → Next.js migration, Technical SEO implementation, Core Web Vitals optimisation, and performance improvements as part of a team.

Problem

Poor Core Web Vitals, React SPA not indexable by Google, no Technical SEO foundation. Competitors dominated Canadian property search terms.

Approach

Migrated React SPA to Next.js SSR/SSG for Google crawlability. Implemented sitemap, robots.txt, meta tags, alt text, image loading strategy, clean URL structure, and Next.js Image component.

Results

LCP moved from Poor → Good across key landing pages. Site became fully crawlable and indexed by Google. CLS eliminated by setting explicit image dimensions throughout.

Next.jsReactSSR / SSGCore Web VitalsTechnical SEOsitemap.xml

Working on a similar challenge?

Let's talk →
EnterpriseAnalyticsReact

QHSE Compliance & KPI Dashboard

Rejlers International · Abu Dhabi, UAE
Real-time
Live Data
24/7
Monitoring
My Role

Front-End Developer — built the React.js dashboard UI, integrated SharePoint REST API, implemented KPI charts and compliance tracking components for non-technical stakeholders.

Problem

QHSE compliance tracked via spreadsheets and weekly email reports. No real-time visibility for non-technical stakeholders across the team.

Approach

React.js dashboard with live SharePoint REST API integration. KPI trend charts, incident tracking, compliance indicators — clean UI designed for non-technical users.

Results

Weekly reports replaced with 24/7 live monitoring. Teams act on data immediately — no more waiting for the next report cycle. Stakeholders can view live KPIs without technical knowledge.

React.jsREST APIsSharePointData Viz Rejlers / ADNOC — NDA Protected

Working on a similar challenge?

Let's talk →
EnterpriseAIComputer Vision

ADRS — AI-Assisted P&ID Drawing Review

Rejlers International · Abu Dhabi, UAE
90%
Faster Review
3–5 min
vs 4–6 hrs
My Role

Front-End Developer — built the React.js review interface, integrated Claude API and Roboflow computer vision, implemented annotation overlays and results panel.

Problem

ADNOC engineers spent 4–6 hours manually reviewing P&ID diagrams — repetitive, high-stakes, and prone to human error.

Approach

React.js frontend for AI-assisted review powered by Claude API + Roboflow computer vision. Review interface, annotation overlays, results panel — built for ADNOC engineers.

Results

Review time cut by 90% — from 4–6 hours to 3–5 minutes per drawing. Engineers shifted focus from manual checking to decision-making.

React.jsClaude APIRoboflowComputer Vision Rejlers / ADNOC — NDA Protected

Working on a similar challenge?

Let's talk →

Want the full picture?

View all projects or get in touch to discuss your next challenge.

Get In Touch → View Projects