{Z.R}
Back

Every project, start to finish.

15 builds across web, mobile and desktop — client work, internal platforms and open source. 5 of them sit under a non-disclosure agreement, so those carry the write-up without the screenshots.

Verteccs — screenshot 1 of 4
Verteccs — screenshot 2 of 4
Verteccs — screenshot 3 of 4
Verteccs — screenshot 4 of 4
2026

AI-first product engineering studio

01/15

Verteccs

The marketing site for an AI-first product engineering studio — a motion-heavy landing page built on a strict, token-driven design system.

  • CSS-first Tailwind v4 design system — no config file, every value a token
  • GSAP + Lenis scroll layer driven by declarative data attributes
  • Animated hero orbit and drifting aurora fields built in CSS, not WebGL

Built with

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • GSAP
  • Lenis
  • Three.js
Gym OS — screenshot 1 of 9
Gym OS — screenshot 2 of 9
Gym OS — screenshot 3 of 9
Gym OS — screenshot 4 of 9
Gym OS — screenshot 5 of 9
Gym OS — screenshot 6 of 9
Gym OS — screenshot 7 of 9
Gym OS — screenshot 8 of 9
Gym OS — screenshot 9 of 9
2026

Offline-first gym management desktop app

02/15

Gym OS

Everything a gym front desk needs — members, plans, attendance and billing — in one offline-first desktop application.

  • Offline-first data layer that reconciles once connectivity returns
  • Live occupancy, attendance history and check-ins-by-hour analytics
  • Membership plans, invoicing and overdue-billing tracking

Built with

  • Electron
  • React
  • TypeScript
  • Node.js
  • SQLite
  • Tailwind CSS
HS Global Trade — screenshot 1 of 3
HS Global Trade — screenshot 2 of 3
HS Global Trade — screenshot 3 of 3
2026

Import / export trading platform

03/15

HS Global Trade

A corporate site for a Pakistan-based trading company, connecting exporters with international markets across food, agriculture and consumer goods.

  • Product catalogue spanning imports, exports and industry verticals
  • Quote request flow reachable from every page
  • Certification and compliance documentation surfaced for buyers

Built with

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Node.js

NDA Confidential

Interfaces for this project are restricted under a non-disclosure agreement.

Proprietary stack · GovTech compliance

04/15

Halal Certification

A government-backed halal certification platform — food businesses apply, auditors review, and approved companies are issued a verifiable certificate (NDA protected).

  • Staged application → review → audit → issuance workflow with a full decision trail
  • Government-issued certificates carrying expiry, renewal and public verification
  • RabbitMQ workers for document processing, certificate generation and notifications

Built with

  • Next.js
  • Fastify
  • Node.js
  • TypeScript
  • PostgreSQL
  • Prisma
  • Redis
  • RabbitMQ
  • Docker
  • React Query
  • Zustand
  • shadcn/ui
  • Tailwind CSS

NDA Confidential

Interfaces for this project are restricted under a non-disclosure agreement.

Proprietary stack · Education management

05/15

Madrasa App

A madrasa management system covering admissions, daily attendance, homework and leave for both students and qaris, under one role-separated administration (NDA protected).

  • Three-role model — administrator, qari and student — each with scoped permissions
  • Admission applications from submission through review to enrolment
  • Daily attendance, homework and progress reporting for students and qaris

Built with

  • Next.js
  • Fastify
  • Node.js
  • TypeScript
  • PostgreSQL
  • Prisma
  • Redis
  • RabbitMQ
  • Docker
  • React Query
  • Zustand
  • shadcn/ui
  • Tailwind CSS
Rahimoon Institute — screenshot 1 of 6
Rahimoon Institute — screenshot 2 of 6
Rahimoon Institute — screenshot 3 of 6
Rahimoon Institute — screenshot 4 of 6
Rahimoon Institute — screenshot 5 of 6
Rahimoon Institute — screenshot 6 of 6
2025

College management platform

06/15

Rahimoon Institute

An end-to-end college platform with a student portal, content management system and admin dashboard.

  • Role-based access for students, faculty and administrators
  • File uploads and media handled through Cloudinary/MongoDB
  • Transactional email for onboarding and notifications

Built with

  • React
  • Node.js
  • Express
  • MongoDB
  • Tailwind CSS
  • Prisma
  • Framer Motion

NDA Confidential

Interfaces for this project are restricted under a non-disclosure agreement.

Commercial operations platform (NDA)

07/15

Floor Masters

A proprietary B2B commercial flooring platform and order orchestration system developed under a non-disclosure agreement.

  • Proprietary order orchestration and dispatch pipeline
  • B2B customer portals with custom commercial pricing tiers
  • Confidential system architecture optimized for scale

Built with

  • Proprietary Stack
  • B2B E-Commerce
  • Operations System
Tomato — screenshot 1 of 2
Tomato — screenshot 2 of 2
2024

Full-stack food delivery application

08/15

Tomato

A complete food ordering and delivery web application with Stripe payment integration, responsive client UI, and a management admin dashboard.

  • Dual-themed responsive UI for both client storefront and admin dashboard (light/dark mode)
  • Stripe payment gateway integration for secure checkouts
  • Secure user authentication and route protection

Built with

  • React
  • Node.js
  • Express
  • MongoDB
  • Stripe
  • CSS3
Zara Therapy — screenshot 1 of 3
Zara Therapy — screenshot 2 of 3
Zara Therapy — screenshot 3 of 3
2025

Therapy clinic website

09/15

Zara Therapy

A comprehensive clinic website designed to showcase professional therapy services and streamline client acquisition with a soothing, modern aesthetic.

  • Responsive design optimized for mobile, tablet, and desktop browsing
  • Soothing modern aesthetics with a curated, high-end color palette
  • Interactive scheduling/contact forms and services showcase

Built with

  • HTML5
  • CSS3
  • JavaScript
Next Boilerplate — screenshot 1 of 2
Next Boilerplate — screenshot 2 of 2
2026

Production-ready starter kit

10/15

Next Boilerplate

A batteries-included Next.js 15 starter used across 10+ projects, cutting setup time by 60%.

  • Next.js 15 App Router with typed routes
  • Socket.IO real-time layer wired in
  • ShadCN/UI component system and theming

Built with

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Redux Toolkit
  • TanStack Query
  • Socket.IO
360 Mock Server
2024

Zero-config mock REST API

11/15

360 Mock Server

A zero-config mock REST API server published on NPM with CRUD, faker data and pagination.

  • Zero-config CRUD endpoints from a schema
  • Realistic seed data via Faker.js
  • Pagination, filtering and sorting built in

Built with

  • Node.js
  • Express
  • Faker.js
  • NPM
Oneviti Dashboard — screenshot 1 of 3
Oneviti Dashboard — screenshot 2 of 3
Oneviti Dashboard — screenshot 3 of 3
2025

Personal productivity hub

12/15

Oneviti Dashboard

A single hub for tasks, notes, finance tracking and scheduling — your day at a glance.

  • Unified tasks, notes and calendar
  • Personal finance tracking with charts
  • Fast, responsive React dashboard

Built with

  • React
  • Node.js
  • MongoDB
  • Tailwind CSS
Taj Brothers — screenshot 1 of 3
Taj Brothers — screenshot 2 of 3
Taj Brothers — screenshot 3 of 3
2025

Marble & stone exporter showcase

13/15

Taj Brothers

A premium product showcase platform designed for a leading global exporter of marble, granite, and natural stones.

  • Fully custom responsive catalog display for various stone types
  • Optimized image delivery for displaying fine stone textures and colors
  • Streamlined product inquiry flow for international clients

Built with

  • HTML5
  • CSS3
  • JavaScript

NDA Confidential

Interfaces for this project are restricted under a non-disclosure agreement.

Proprietary stack · Enterprise AI

14/15

Legal AI

An AI-powered legal document intelligence and analysis platform featuring advanced RAG and cognitive agentic search (NDA protected).

  • Advanced Retrieval-Augmented Generation (RAG) pipeline for multi-format document analysis
  • Agentic cognitive search workflows using graph-based decision logic (LangGraph)
  • Secure multi-tenant data isolation and complete document activity audit logs

Built with

  • Next.js
  • Node.js
  • LangGraph
  • PostgreSQL
  • Docker
  • RAG

NDA Confidential

Interfaces for this project are restricted under a non-disclosure agreement.

Proprietary stack · B2B Operations

15/15

Pharma Portal

A secure enterprise operations portal for pharmaceutical distribution, inventory tracing, and compliance auditing (NDA protected).

  • Secure batch inventory tracking and scheduling for pharmaceutical distribution
  • Automated regulatory compliance reporting and audit verification logs
  • Granular role-based user access controls and encrypted transaction history

Built with

  • Next.js
  • Node.js
  • Express
  • PostgreSQL
  • Docker

Have something to build?

If any of this looks like the problem you’re solving, I’d like to hear about it.