Het Hirani

Frontend Engineer | UI/UX Designer

I build accessible, pixel-perfect digital experiences for the web.

About

Portrait of Your Name

I’m a frontend engineer with a specialty in design systems. My path started with a simple question: how hard could it be to make a button move? That curiosity quickly turned into a deeper interest in how thoughtful design and solid engineering come together to shape good user experiences. Today, I focus on building accessible, pixel-precise interfaces that remain reliable across devices, browsers, and screen sizes.

I work primarily with Next.js, React, and TypeScript, with a strong emphasis on performance and scalability. Because I’m comfortable working across both design and engineering workflows, I often act as a bridge between the two—helping ensure that high-fidelity concepts translate into clean, maintainable, and production-ready code.

Skills

  • Languages
    • TypeScript
    • JavaScript
    • HTML
    • CSS
    • LaTeX
    • SQL
    • Python
    • Java
  • Frameworks & Libraries
    • Next.js
    • React
    • React Native
    • Node.js
    • Tailwind CSS
    • Framer Motion
    • GSAP
  • Tools & Platforms
    • Git
    • GitHub
    • AWS
    • Vercel
    • Figma
    • PostgreSQL
    • Neon

Projects

  • Vectra thumbnail

    Vectra

    Understand Users Like Never Before. Get real-time insights into user behavior with Vectra. Session-based and privacy friendly web analytics tool built for modern teams.

    Led the end-to-end development of Vectra, shaping an initial project idea into a product. I architected the event-driven system across the tracking SDK, ingestion layer, PostgreSQL data model, and dashboard experience, with an emphasis on scalability and clean data workflows. I also drove key technical decisions around SPA tracking, multi-tenant security with RLS, and analytics performance optimization, influencing both the product direction and underlying architecture.

    • Next.js
    • React
    • Tailwind CSS
    • TypeScript
    • PostgreSQL
    • Vercel
    • Neon
    View on LinkedIn
  • ECOFlow thumbnail

    ECOFlow

    EcoFlow is a lifecycle management platform designed to handle products and their bills of materials (BOMs) through structured Engineering Change Orders (ECOs). Built around strict data integrity and traceability, the system replaces ad-hoc edits with controlled workflows across role-based environments.

    Led the frontend development, designing and building a scalable React + TypeScript interface that supports complex hierarchical BOM views, ECO workflows, and role-aware interactions. I also contributed to database design decisions, helping shape models that enforced invariants and preserved auditability.

    • PERN
    • Node.js
    • Express
    • React
    • Tailwind CSS
    • TypeScript
    • PostgreSQL
    • Prisma ORM
    View on GitHub

Writings

Loosely designed in Figma and coded in Visual Studio Code. Built with Next.js and Tailwind CSS.