Buildingmobile appsthat ship.

A Spotify-style player with a real playback engine, queue and honest premium gates.

React NativeExpoZustandReanimated

02AI Item Finder · Mobile

AI Mobile

FindIt

Photo → Gemini analysis → search your things by words. The scan queue never loses a photo.

React NativeExpoGemini APITypeScript

03Gym OS · Mobile

Gym SaaS

FitTrack

Owner workflow modelled on real gym software, with fluid navigation and demo auth.

React NativeExpoReanimatedTypeScript

04Phone Store · Web

E-Commerce

MobileBazaar

Pakistan-market commerce: guest checkout, COD and JazzCash/EasyPaisa, live Supabase catalogue.

Next.js 15SupabaseTypeScript

Featured Stack

|[01/06] Click card or chips to cycle

Open to remote contracts — overlapping EU & US mornings

--:--PKT · UTC+5

React NativeReactTypeScriptExpoFirebaseNext.jsREST / SwaggerNodeMongoDBNativeWindFlutter

01Selected work

Eleven projects, eleven kinds of proof.

The problem

Most clone builds fake the product: static screens with a play button that plays nothing. Waveform rebuilds the system underneath — engine, queue, mixes, stats — so every surface reacts to what the listener actually does.

My role

Solo designer & developer. Built the audio engine, queue semantics, mix generation, stats/streak engine, and all 12+ screens, with a motion pass and a UI polish pass on top.

What I solved

Real playback engine

Single audio engine with queue, shuffle that keeps the current track pinned, repeat off/all/one, scrubber, transition fades, and error skip-recovery with a circuit breaker.

On-device personalization

Weekly mixes, taste profiles, listening stats, and streaks computed from the user’s own play log — no backend, no fake data. Taste signals weight onboarding picks, likes, counted plays, and skips.

Premium gates that are real

Free vs Premium is enforced, not cosmetic: downloads, crossfade caps, and the home ad all change with the plan, behind an honest demo paywall.

Waveform home screen with Weekly Mix hero and resume grid

Open Gallery Showcase

Home1 Screens

Weekly Mix hero, resume grid from real play contexts, and the streak card — all driven by the on-device play log.Click to expand

Stack

React Native
Expo SDK 57
TypeScript
Zustand
expo-audio
Reanimated 4
FlashList

Outcome

A complete, working music system: onboarding with taste picks, Home with resume contexts and a Weekly Mix hero, search, library, collections, queue, Now Playing, profile stats, and settings — all running on real state.

The problem

People lose everyday items and remember what they look like, not what they named a file. FindIt turns a photo into searchable words, so the thing you remember is the thing you search by.

My role

Solo designer & developer. Built the capture flow, Gemini analysis client, scan queue, search, places, and the freemium paywall.

What I solved

AI photo analysis

Gemini analyses each photo into objects, colours, descriptions, and tags — the vocabulary the search runs on.

Scan queue that never loses a photo

Photos save first as pending cards and AI scans serially, oldest-first. One failure never blocks the queue, failed scans get a retry pill, and the queue resumes after the app closes.

Stack

React Native
Expo
TypeScript
Google Gemini API
AsyncStorage

Outcome

A working finder: 12-item sample set, guest mode, places, import, settings, and a paywall — with pending cards visible but not text-searchable until scanned.

The problem

Small-to-mid gyms track everything on paper and chat threads. FitTrack gives the owner one phone workflow: members and plans, then attendance and classes, then fee collection.

My role

Solo designer & developer. Recreated the APEX reference design exactly, then built the Hub, Roster, Schedule, and Leaderboard tabs plus hidden Join and Payments routes, member detail, and the Pro paywall.

What I solved

Owner workflow, modelled on real gym software

The flow follows established gym tools (Gymdesk, Mindbody): retention radar, milestones, athlete spotlight, and a week view from Monday to Saturday.

Fluid navigation and demo auth

A floating pill tab bar with a spring active state, and an animated demo auth screen (any valid email + 6-character password, nothing stored).

Stack

React Native
Expo SDK 57
TypeScript
Reanimated

Outcome

A complete gym SaaS shell: Hub stats, roster with athlete cards, class schedule, leaderboard, join flow, payments, member detail, and an APEX Pro paywall.

The problem

Buying a phone in Pakistan means PTA approval, warranty trust, EMI math, and cash on delivery — none of which a generic store template handles. MobileBazaar is built around those realities.

My role

Solo full-stack developer (FYP). Built the storefront, cart/checkout/tracking, admin console, Supabase integration, and the SIGNAL redesign.

What I solved

Pakistan-market commerce

PKR pricing, PTA-approved badges, EMI plans, and cash-on-delivery as the primary payment method, with simulated JazzCash/EasyPaisa.

Guest checkout and tracking

Checkout works without an account, orders are tracked on-device, and the admin console covers KPIs, charts, low-stock meters, order chips, and device add/edit with image upload.

Stack

Next.js 15
TypeScript
Supabase (PostgreSQL, Auth, RLS)

Outcome

A complete store: 25-phone catalogue, faceted shop, product pages with variants, cart, checkout, tracking, and an admin ops console — plus a header CSS defect found by screenshots and fixed in the same pass.

The problem

Delivery apps live or die on the tracking moment. Swift Courier simulates the whole journey — placed, confirmed, preparing, picked up, out for delivery, delivered — so the tracking experience works with or without a backend.

My role

Solo designer & developer. Built the marketplace, product customization, persistent cart and theme, tracking simulation, and demo controls.

What I solved

Multi-vertical marketplace

Food, grocery, and package services in one catalogue, with required and optional modifier groups, live pricing calculation, and quantity controls.

Offline simulation engine

Works immediately without internet or backend setup: couriers move along real waypoints with live status transitions, and Supabase Realtime connects only if credentials are present.

Stack

React Native
Expo SDK 57
TypeScript
Zustand
MapLibre
Reanimated
Bottom Sheet
Supabase Realtime

Outcome

A complete delivery app: home, categories, product detail, cart, checkout, live tracking with a demo status accelerator, orders, activity, account, addresses, dietary, favorites, and support.

The problem

Hotel operations split across registers and spreadsheets: which rooms are free, which beds are made, which reservations need attention. This panel unifies them into one dashboard.

My role

Solo designer & developer. Built the full route set — dashboard, floors, rooms, beds, room types, features, products, rates, seasons, reservations, housekeeping, reminders, and settings — with auth screens.

What I solved

Twenty routes, one system

Dashboard, rooms and room layout, beds, room types and features, products, rates, seasons, reservations (including do-not-rent), housekeeping, reminders, and settings — all captured on desktop and mobile.

Demo sandbox fallback

With no backend credentials configured, the app falls back to its own built-in sample dataset, so every screen renders real content instead of an error state.

Stack

React
TypeScript
Tailwind CSS

Outcome

A complete operations dashboard: 44% occupancy, 28 rooms, and revenue on the home view, with every management surface reachable and captured.

The problem

Performance marketers and growth teams waste hours adapting product copy across fragmented ad platforms, resulting in bland copy-pasting or generic AI hallucinations. CopySprint converts raw product specs into distinct, platform-optimized formats with zero prompt engineering.

My role

Lead Full-Stack Architect & AI Systems Engineer. Designed the 1-to-5 native ad synthesis pipeline, streaming UI with instant TTFT, responsive multi-channel preview matrix, algorithmic Google RSA quality rubric, and batch export integrations.

What I solved

1-to-5 Native Ad Synthesis Engine

Synthesized 5 distinct channel-native formats in a single pass: Meta feed copy (hook, description, headline, CTA), Google Search RSA (3 headlines, 2 descriptions), TikTok/Reels 9:16 3-scene video storyboard with visual directions & voiceover hooks, direct email (A/B subject lines & body), and high-converting landing page hero copy.

Algorithmic Google RSA Ad Strength Scoring (90+/100)

Engineered a real-time scoring engine that evaluates headline diversity, keyword density, and character limits to accurately predict and achieve 90+/100 Google Ad Strength before publishing.

1-Click Batch Export & Workflow Integration

Designed multi-format export pipelines enabling growth teams to seamlessly push approved ad sets directly to CSV, JSON, Make, and Zapier webhook workflows.

Stack

Next.js
React
TypeScript
Tailwind CSS
AI Synthesis Pipeline
Zustand
Lucide

Outcome

A production-ready growth marketing engine delivering 5 platform-native ad packages in under two seconds, empowering performance teams to launch high-CTR campaigns at scale.

The problem

Traditional platforms like QuickBooks require 15+ clicks and tedious onboarding just to bill a client. Freelancers, consultants, and boutique agencies needed a zero-friction billing studio that transforms casual line inputs into print-ready institutional invoices in seconds.

My role

Lead Product Architect & Full-Stack Engineer. Designed the complete end-to-end journey—from 90-second onboarding to a modular design system, natural-language parsing engine, vector PDF generator, and Supabase RLS backend.

What I solved

Natural-Language Quick Line Parser

Engineered an on-the-fly syntax parser converting casual billing inputs (e.g., "3 hours × $85 Frontend Architecture") into typed line items, rates, quantities, and automated subtotal/tax calculations instantly.

300 DPI Print-Ready Vector PDF Engine

Built a dual-render pipeline capable of displaying a live real-time web canvas while compiling crisp 300 DPI print-ready A4 PDFs with embedded Stripe dynamic payment QR codes.

Client Directory & Adaptive Billing Engine

Architected multi-client ledger profiles with custom hourly presets, Net-14/30 term rules, automated follow-up reminders, and 5 institutional-grade layout templates.

Stack

Next.js 14 (App Router)
TypeScript
Supabase (PostgreSQL & RLS)
Tailwind CSS
Stripe QR Checkout
300 DPI Vector PDF Engine
SendGrid API

Outcome

A production-ready financial micro-SaaS cutting invoice creation time to under 10 seconds, accelerating client settlement with instant Stripe QR checkouts and seamless 90-second onboarding.

The problem

Manual expense entry is tedious and slow, while cloud-only budgeting apps demand intrusive bank logins. Users needed a private, on-device mobile solution to instantly convert physical paper receipts into categorized, line-itemized expenses with zero manual typing.

My role

Lead Mobile Engineer & Product Architect. Engineered the entire React Native / Expo application, camera OCR vision pipeline, local AsyncStorage persistence, budget tracking engine, and 60fps gesture-driven animations.

What I solved

Sub-second thermal receipt parsing

Deconstructing unformatted, crumpled paper receipts into clean, structured LineItem records with automated tax isolation and high/medium/low confidence scoring indicators.

Zero-latency offline persistence

Engineered an offline-first storage architecture that recalculates category spending velocity and updates monthly budget health bars with zero UI stutter.

Stack

React Native
Expo (SDK 57)
TypeScript
Gemini AI Vision OCR
Reanimated 4
AsyncStorage
Lucide

Outcome

A production-grade native iOS and Android application with sub-second receipt ingestion, intuitive expense review workflows, and total user financial privacy.

The problem

Service studios face scheduling chaos with double-bookings, manual confirmations, and time-zone mismatches. ReserveEase provides an automated scheduling engine where providers manage custom availability, buffers, and instant slot reservations without friction.

My role

Lead Full-Stack Engineer & Mobile Architect. Built the Supabase backend schema, client booking state with Zustand, slot interval generator, and responsive iOS / Android mobile interface.

What I solved

Real-time slot generation & conflict prevention

Engineered an on-the-fly calendar algorithm calculating service durations, dynamic buffer minutes, and date overrides to prevent double-booking race conditions.

Dual-portal role segregation

Implemented clean role-based flows isolating customer booking funnels from provider schedule controls, appointment request approvals, and revenue metrics.

Stack

React Native
Expo (SDK 57)
Supabase
PostgreSQL
Zustand
TypeScript
Reanimated

Outcome

A seamless studio booking platform with instant booking confirmations, digital ticket generation, and automated schedule synchronization.

The problem

Restaurant guests endure long waits for printed menus and servers with payment terminals, while kitchens struggle with manual ticket miscommunication. Marlow’s bridges the gap with table-synced digital ordering, instant gratuity calculation, and live kitchen dispatching.

My role

Lead Architect & UI/UX Engineer. Built the interactive diner menu (Photo + Classic Bistro views), table QR check-in, dynamic split-bill calculator, staff KDS station, and restaurant onboarding wizard.

What I solved

Real-time table session & split billing

Built an interactive check settlement engine with even-split guest steppers, itemized division, tip presets, and digital perforated receipt slips.

Dual Guest & Staff operating modes

Engineered a unified application housing both the customer dining interface and a high-efficiency staff management center with KDS, 86 catalog toggles, and table floor plans.

Stack

React Native / Expo
TypeScript
Context Architecture
Reanimated
Local POS Storage
Lucide

Outcome

An institutional-grade in-venue dining ecosystem speeding table turnover by 30% and eliminating ordering errors.