設計 builder's practice

A frontend specialist for work that cannot feel fragile.

I'm Gaurav Kumawat. I build Web3 products, real-time systems, and React interfaces with close Figma fidelity.

I focus on frontend architecture for products with real state, real users, and production constraints.

How I build

Principles that keep complexity legible.

Good architecture makes the code easier to change and the interface easier to understand.

Modular architecture that scales

I split projects into feature modules that own their UI, logic, data fetching, and state. Rillex Casino has 22 modules; Hyperbetz has more than 450 files. The goal is clear ownership, so a change stays close to the feature it belongs to and people can work on separate areas without reaching into each other's internals.

Proven through Rillex Casino, Hyperbetz, HypeMint

State that lives in exactly one place

The URL carries shareable UI state such as tabs, filters, and modals. Zustand holds client state such as login status, wallet connection, and chat. TanStack Query owns data from the API, including balances, games, and transactions. That split makes it easier to trace a problem back to the part of the app that owns it.

Proven through Rillex Casino, Hyperbetz

Real-time updates that feel instant

For actions where a short delay feels wrong, the UI shows the pending state first and the server confirms it in the background. Chat messages, balances, and transaction progress then update from live events. If the connection drops, it reconnects with increasing delays instead of repeatedly hammering the server.

Proven through Rillex Casino, Hyperbetz

Widgets that embed anywhere without style conflicts

The wallet SDK uses Shadow DOM to separate the widget's styles from the host page. Its Tailwind CSS ships with the widget, so a Bootstrap site, WordPress installation, or React app does not override it. The boundary took 32 published versions to refine and is now part of the npm package.

Proven through @qubitronlabs/crypto-wallet SDK

Pixel-perfect design translation at scale

When a Figma file has more than 60 colors, 25 gradients, and many animation rules, I turn those decisions into CSS custom properties before building components. Spacing, radii, shadows, gradients, and motion curves become tokens the UI can reuse. Rillex Casino reached 80-90% Figma fidelity across 20 languages, while EduVisa used more than 70 custom animated components.

Proven through Rillex Casino, EduVisa

Multi-chain wallets through a single interface

The wallet layer gives users one connection and transaction flow across 10 EVM chains and Solana. The frontend routes EVM activity through wagmi and viem, and Solana activity through @solana/kit based on the selected chain. Deposits can use Quick mode with a QR code and WebSocket confirmation, or a cross-chain swap through LI.FI.

Proven through Rillex Casino, HypeMint

Runtime theming without reloads

The theme engine has 11 themes, each with light and dark variants, for 22 visual combinations. It uses OKLCh so changing a color keeps the rest of the palette visually consistent. Google Fonts selection and custom font uploads also update through CSS custom properties without a page reload or layout shift.

Proven through Hyperbetz

Capabilities

A practical index, not a tool parade.

Each layer answers a practical frontend need: clear ownership, predictable state, and reliable behavior under pressure.

Core

  • TypeScript
  • React 19
  • Next.js 14–16
  • Vite
  • Tailwind CSS v4
  • shadcn/ui
  • Framer Motion

Web3

  • wagmi 2–3
  • viem
  • ethers.js 6
  • @solana/kit
  • Dynamic Labs SDK
  • ERC-20
  • Bonding Curves

State & Realtime

  • Zustand 5
  • TanStack Query 5
  • Socket.IO
  • Native WebSocket
  • BroadcastChannel

Auth & Security

  • JWT
  • WebAuthn / Passkeys
  • OAuth
  • TOTP 2FA
  • AES-GCM
  • reCAPTCHA v3

Tooling

  • Bun
  • tsup
  • Zod 4
  • react-hook-form
  • next-intl
  • Shadow DOM
  • npm Publishing

Evolution

The work changed. The standard did not.

Each stage taught the same lesson: make complex frontend work easier to read, test, and trust.

  1. 2023

    Getting Started

    Cravedigi Internship

    Started my dev career as an intern at a digital agency in Bangalore. Went from building basic pages to working on real client projects with Next.js and TypeScript. This is where I got comfortable converting Figma designs to code and building reusable components.

    • React
    • Next.js
    • TypeScript
    • CSS
    • HTML
  2. 2024

    Going Full-time

    Cravedigi + Freelance

    Moved into a full-time role at Cravedigi and took on more involved builds, including a project with Three.js 3D visuals. Freelance work alongside it meant planning my own timelines, communicating directly with clients, and shipping without a larger team around me.

    • Next.js
    • TypeScript
    • Three.js
    • ShadCN UI
    • Tailwind CSS
  3. 2025 (Jan–Jul)

    Broadening Experience

    Multiple Roles + Freelance Projects

    Worked with Swastika Technohub, Kotech Digital Hub, EduVisa, and GoFlynt in quick succession. The work ranged from real-estate and business sites to an animation-heavy SPA and a travel-booking interface. That variety made the kind of work I wanted to pursue much clearer: complex frontend systems where design and product behavior both matter.

    • React
    • Next.js
    • Vite
    • Tailwind CSS v4
    • Framer Motion
    • Zustand
    • EmailJS
  4. 2025 (Aug) – Present

    Deep Dive into Web3

    Qubitron Labs - Crypto Casinos, Launchpads & SDKs

    Joined Qubitron Labs to work on Web3 products with real operational constraints: crypto casinos, a memecoin launchpad with bonding-curve math, and a published npm wallet SDK. The work involved EVM chains, Solana, live WebSocket flows, layered state management, and owning frontend architecture from the first folder structure onward.

    • Next.js 15–16
    • React 19
    • TypeScript
    • Zustand 5
    • TanStack Query 5
    • wagmi 2–3
    • viem
    • ethers 6
    • Solana kit
    • LI.FI SDK
    • Dynamic Labs SDK
    • Socket.IO
    • Native WebSocket
    • Tailwind CSS v4
    • shadcn/ui
    • Prisma
    • Zod
    • Shadow DOM
    • tsup
    • Bun

Built for trust

Looking for someone who can own the difficult frontend layer?

I build multi-chain wallet state, real-time transaction tracking, isolated widgets, and interfaces that stay composed as systems scale.