Skip to main contentSkip to ASK AI dialog
MZ

Name:M Zeeshan

Role:Frontend Product Engineer
Capabilities:Backend + AI Integration

About me: I build web products that feel sharp on first click and stay reliable at scale. Every project I take on is shipped with production constraints, real users, and quality targets.

  • Next.js
  • Remix
  • Kysely
  • Better-auth
  • TypeScript
Explore Case StudiesGet in Touch

TOP 3% TALENT

Vetted byHire me
highlights
  • 7 public projects below, each shipped end-to-end and live.
  • 67 total projects delivered across 5 startups in 6+ years.
  • UX + Performance as a non-negotiable: clear UX, fast paths, and maintainable systems.

Featured Case Studies

Seven public builds selected from a larger body of client work to show product thinking, technical depth, and shipping quality.

Project Name:QR Code Generator

Generate customizable QR codes for URLs, text, WiFi, contacts, and more. Export instantly as PNG, JPEG, WEBP, or SVG.

Build Lens

Built as a fast utility where custom styling and export reliability mattered more than visual noise.

Why it matters: Turned repetitive one-off QR requests into a self-serve flow usable in seconds.

Technologies:RemixTypeScriptShadcn UI
Open Live Project

Project Name:Persora - Character AI Chatbot

Create custom AI characters with defined personalities and roles, then chat with them in interactive scenario-based conversations.

Build Lens

Focused on making AI conversations feel structured and controllable through character-driven UX.

Why it matters: Enabled users to move from idea to interactive persona without prompt-engineering complexity.

Technologies:RemixTypeScriptKyselyOpen Router AIAI ElementsShadcn UI
Open Live Project

Project Name:Boardly - AI Powered Task Management

Visual task management with drag-and-drop boards and an AI assistant that executes natural-language commands.

Build Lens

Combined drag-and-drop productivity UI with natural-language commands without sacrificing clarity.

Why it matters: Reduced friction between planning work and actually executing it.

Technologies:RemixTypeScriptKyselyDrizzle kitOpen Router AIAI ElementsShadcn UI
Open Live Project

Project Name:E-commerce Storefront

Full customer storefront with product browsing, variants, cart, checkout, reviews, and order tracking.

Build Lens

Optimized buying flow around confidence signals: product detail, variants, and checkout continuity.

Why it matters: Shipped a complete commerce journey from discovery to order tracking.

Technologies:Next.jsTypeScriptDrizzle ORMShadcn UI
Open Live Project

Project Name:E-commerce Dashboard

Admin dashboard for managing products, inventory, orders, content, and store configuration.

Build Lens

Designed for operational speed, balancing dense controls with clear information hierarchy.

Why it matters: Made daily store management tasks actionable in a single interface.

Technologies:Next.jsTypeScriptDrizzle ORMShadcn UI
Open Live Project

Project Name:Arkive - AI Prompt Manager

Save, organize, tag, and AI-enhance prompts into a searchable personal prompt library with version history.

Build Lens

Built prompt management as a product system: capture, organize, iterate, and reuse.

Why it matters: Helped users treat prompting like versioned product work instead of disposable chat input.

Technologies:RemixTypeScriptGeminiShadcn UI
Open Live Project

Project Name:Label AI - Text Classification

Create, train, and deploy text classification models from labeled examples with real-time predictions.

Build Lens

Turned model training into a guided product workflow with plain-language controls.

Why it matters: Made practical NLP accessible without requiring ML-specialist setup.

Technologies:RemixTypeScriptNaive BayesShadcn UI
Open Live Project

How I Build

Tools and systems I rely on while shipping production products. The proof is in the case studies above.

  1. Track 01

    Frameworks & Libraries

    TypeScript-first for scalable, maintainable apps.

    • React
    • Next.js
    • Remix
    • React Router
    • Redux Toolkit
    • Zustand
    • React Hook Form
    • Zod

  2. Track 02

    UI & Styling

    Shadcn UI + Base UI for fast, consistent interfaces.

    • Tailwind CSS
    • Shadcn UI
    • Radix UI
    • Base UI
    • Framer Motion

  3. Track 03

    Backend & Databases

    Support frontend products with APIs, auth, and data design.

    • PostgreSQL
    • Kysely
    • Drizzle ORM
    • Better-auth

  4. Track 04

    Testing & Quality

    Develop and test in isolation for reliability.

    • Playwright
    • Storybook
    • Chromatic

  5. Track 05

    Tools & DevOps

    Streamline development and deployment workflows.

    • Git
    • pnpm
    • Eslint
    • Prettier
    • Google Analytics
    • Google Tag Manager
    • Google Search Console
    • Web Vitals
    • Json-LD
    • Vercel

Build Journey

Startup teams where I sharpened product execution from interface design to full-stack delivery in production environments.

Company:Greenpox

Role: Fullstack React DeveloperProduct delivery and engineering execution

  • Built a full-featured e-commerce platform using Next.js, including a custom admin dashboard
  • Developed type-safe backend services with Drizzle ORM and Kysely, ensuring strict end-to-end type safety
  • Designed scalable frontend architecture with structured data flows and business logic separation

Company:Khaleej Training

Role: Full-Stack DeveloperProduct delivery and engineering execution

  • Built full-stack features using Next.js, Drizzle ORM, PostgreSQL
  • Developed APIs, authentication, and database operations
  • Delivered end-to-end features with clean, maintainable code

Company:HBR Web Solutions

Role: Frontend / Next.js DeveloperProduct delivery and engineering execution

  • Built React and Next.js applications using SSR, SSG, and API routes
  • Optimized performance, SEO, and Core Web Vitals
  • Developed reusable UI components and scalable frontend architecture

Company:Iqrazain Softs

Role: Front-End Developer (Intern / Junior)Product delivery and engineering execution

  • Built responsive web pages using HTML, CSS, JavaScript
  • Collaborated with designers and developers on production websites

Let's build the next one

If you need a frontend-heavy product shipped with speed and quality, let's turn the idea into something people can use.

LinkedInGitHub