Projects

Selected Work

Client products built at Barq Dev, plus earlier independent work — React Native apps for iOS and Android, Next.js applications, and the automation behind them.

01 / 07

Barq Dev · iOS, Android & web

Garage Queens

A three-surface management platform built at Barq Dev for a UK premium car storage company, against a Django API. I led frontend across all three surfaces: a 64-route React Native customer app for iOS and Android at roughly 38k lines and 154 components, a companion Next.js web portal, and a staff admin panel.

  • JWT access and refresh tokens held in the device Keychain and Keystore
  • Single-flight refresh interceptor, so concurrent 401s share one refresh rather than stampeding
  • Biometric session unlock and trusted-device sign-in
  • Web portal scoped deliberately narrower than the app, to drive mobile adoption
React NativeNext.jsTypeScriptExpo RouterTanStack QueryZustand
iOS and Android apps launching soon

02 / 07

Barq Dev · iOS & Android

HomeFlash

An AI home repair diagnosis app for iOS and Android, built at Barq Dev. Users photograph a household problem and get confidence-ranked candidate diagnoses with safety warnings and an in-app assistant. I was the only engineer on it — 25 screens and 48 components, roughly 27k lines, plus the entire Supabase backend.

  • Custom camera pipeline feeding a confidence-ranked diagnosis flow
  • Anonymous per-device identity enforced through row-level security instead of user accounts
  • Atomic quota system rate-limiting AI calls per device on hashed identifiers
  • 13 Edge Functions across 16 PostgreSQL tables
  • 390 automated tests across client and backend
React NativeSupabasePostgreSQLTypeScriptDeno Edge Functions
See the product siteiOS and Android apps launching soon

03 / 07

Barq Dev · brand site & portal

Julian Varel

A luxury brand site and the private client portal behind it, built at Barq Dev. The public site is a multilingual Next.js build with route-based i18n across English, German and French, and a reveal engine written by hand on IntersectionObserver rather than pulled in from a library. The portal is a separate two-role application built end to end.

  • Route-based i18n across English, German and French
  • Hand-written IntersectionObserver reveal engine — no animation library, no CSS framework
  • Two-role client portal in React and Vite, on an Express and PostgreSQL backend
  • argon2id auth, server-enforced RBAC, and short-lived signed tokens for document downloads
Next.jsReactViteExpress.jsPostgreSQLTypeScript

04 / 07

Next.js & Supabase · local business

Services Hub

A lead-generation site for an electrical services business operating across Lahore, built in Next.js on Supabase. Every decision on the page serves one goal: turning someone with a broken fan or a dead distribution board into a booked visit, without making them phone a stranger first.

  • Service request form capturing job type, address and timing, straight into Supabase
  • WhatsApp handoff for the reply, which is how this market actually books work
  • Full service catalogue — wiring, distribution boards, UPS and inverters, solar, CCTV
  • Local SEO targeting Lahore by neighbourhood: DHA, Gulberg, Model Town, Bahria Town
Next.jsReactSupabasePostgreSQL

05 / 07

Next.js Web Application

NOVOSOLS

A production web application with separate user and admin experiences. The admin dashboard lets the team manage every piece of site content without touching code.

  • Responsive Next.js frontend with server-side rendering
  • Tailwind CSS design system across both panels
  • Fully functional admin dashboard for content management
  • Express.js backend with secure data handling
Next.jsReactTailwind CSSExpress.jsMongoDB
The original site has since been replaced

06 / 07

React E-Commerce Platform

ZEFTON

A production e-commerce front end built collaboratively in React. End-to-end shopping experience from browsing to checkout.

  • Product catalog with dynamic routing and filtering
  • Cart management and order processing flow
  • Responsive UI wired to REST APIs
  • User authentication with secure session handling
ReactNode.jsExpress.jsMongoDBGit

07 / 07

n8n Workflow System

AI Outreach Automation

An AI-powered automation that replaces 4+ hours of weekly manual cold outreach with a 60-second pipeline. Scrapes prospects, enriches data, and sends personalized emails.

  • Automated prospect scraping via Google Maps API
  • Airtable as the lead database with stage tracking
  • AI data enrichment for personalization
  • Brevo integration for personalized email delivery
n8nAirtableGoogle Maps APIBrevoAI Enrichment