Skip to work

Based in

New Delhi, India

Edition

October 2026 · Autumn

Yash. Arya

Design Engineer

I design interfaces and then ship them. The flows, the type, the states, and the code underneath.

Now
Software Engineer and product designer at Pelocal Fintech
Founded
Paigam, a paid invitation product, designed, priced and launched solo
Building
Bezel, a 100+ component library, built in public
Studied
B.Tech CSE, Bennett University, 2026
Design Engineering · Design Systems · Interaction · Product Design · React & TypeScript · Motion · Accessibility · Turborepo ·
Design Engineering · Design Systems · Interaction · Product Design · React & TypeScript · Motion · Accessibility · Turborepo ·

Selected Work

Products first.
Then the workbench.

  • A paid product I founded, designed and priced. Guests get one link instead of a PDF: it opens like a real invitation on any phone, carries RSVP, events, venues and a gallery, and stays editable after it is published. Weddings first, birthdays now live, with more occasions in the pipeline.

    • Self-serve studio: pick a template, type names, dates and venues, and the invitation renders live as you type. No designer in the loop.
    • 17 templates across Sikh, South Indian, Muslim, Christian, Bengali, Gujarati, Royal and Minimal traditions, all driven by the same rendering engine guests open.
    • Clerk auth, customer dashboard, and paid tiers at ₹99 for a single ceremony and ₹499 for up to 8 events, each with its own time and venue.
    • Every invitation publishes to its own slug and opens as a rich card in WhatsApp, the distribution channel the whole product is designed around.
    Read the case study
    Made at
    Own product, live and paid
    Role
    Founder: product, design, pricing
    Team
    Solo
    Decided
    The template system, the ₹99 and ₹499 tiers, and WhatsApp as the way an invitation travels
    Checked
    As the WhatsApp link card a guest sees first, and on a phone before a laptop

    Stack

    Next.js · TypeScript · Clerk · Tailwind · Cloudflare

    Paigam studio: the form beside a live preview of the invitationPaigam: the Kanchi invitation open on a phonePaigam: templates drawn from different wedding traditionsPaigam: an invitation card from the home pagePaigam home pagePaigam: the Hilal invitation open on a phonePaigam pricing: one price per invitationPaigam: a birthday invitation that opens as an incoming call
  • A design system published as readable TypeScript source, with a CLI that copies components straight into consumer projects. Tokens for colour, type, spacing and motion, a documented states matrix, and a contrast gate that fails the build on WCAG AA violations.

    • bezel add <component>: source in your repo, not a dependency you fight.
    • Visible keyboard focus on every interactive component, enforced not assumed.
    • Registry generated from source, so the gallery can never drift from what ships.
    Made at
    Own project, public on npm
    Role
    Author: tokens, components, docs
    Team
    Solo
    Decided
    What ships: each component is kept, merged or cut against a written bar
    Checked
    A WCAG AA contrast gate in the build, an eight-state audit, and a pass by eye for the colour pairs a gate cannot judge
    Planning
    An AI-assisted audit proposed what to keep, merge or cut; I made each call

    Stack

    Turborepo · TypeScript · Next.js · Tailwind · Node CLI

    Bezel home with three live componentsBezel home on a phoneBezel component galleryBezel DepthText: extruded 3D typeBezel GlyphField componentBezel ScrollFlipDeck: a pinned deck of cardsBezel CelebrationOverlay component
  • Pelocal runs payments and customer conversations over WhatsApp, RCS and voice. I designed and built its public pages: the home page, about, careers and contact.

    • The home hero tells the product as one chat: a renewal notice, a card payment and a receipt, all in the same thread.
    • About, careers and contact, plus the application flow behind careers.
    Made at
    Pelocal Fintech
    Role
    Design and frontend for the public pages
    Team
    Pelocal's product team
    Decided
    Page structure and visual design for home, about, careers and contact

    Stack

    Next.js · React · Tailwind

    Pelocal home: a payment collected inside a chatPelocal: a renewal paid inside a chat threadPelocal: four claims we can be held toPelocal home on a phonePelocal: grow your business on our infrastructurePelocal careers on a phonePelocal: one record across WhatsApp, RCS and voicePelocal contact page
  • LanceMart deploys AI agents into D2C brands. I rebuilt its landing page from an outdated site into a dark, conversion-focused one: an animated hero, a tabbed department explorer, a live agent console and a bento proof section.

    • A console you can type into, wired to a sandbox agent, instead of a screenshot of one.
    • A tabbed explorer for nine departments, each with its own workflow diagram.
    • 200+ agents showcased across the page without it turning into a catalogue.
    Made at
    Client: LanceMart
    Role
    Design and build of the landing page rebuild
    Team
    Solo

    Stack

    Next.js · TypeScript · Tailwind · GSAP · Framer Motion

    LanceMart hero: Your ops. Minus you.LanceMart: the glowing ring in the heroLanceMart: hire an agent, with an agent cardLanceMart hero on a phoneLanceMart: a live agent consoleLanceMart: an agent's card with its numbersLanceMart: what we have actually built
  • Twelve sections of conversion architecture for an AI cohort programme: a live seat-scarcity bar, a video hero, a tabbed 55-module curriculum, embedded social proof, and a sticky pricing rail that holds across the whole page on desktop and mobile.

    • The pricing rail stays in reach on every section, on desktop and on mobile.
    • A 55-module curriculum split into three phases: build, architect, operate.
    • A referral section that shows what a seat earns back, friend by friend.
    Made at
    Client: Haus of Intelligence
    Role
    Design and build of the marketing site
    Team
    Solo

    Stack

    Next.js · TypeScript · Tailwind

    Haus of Intelligence hero with video and statsHaus of Intelligence on a phoneHaus of Intelligence: is this programme for you?Haus of Intelligence: the headline and statsHaus of Intelligence: 28 weeks, three phasesHaus of Intelligence: the price cardHaus of Intelligence: one price, no hidden feesHaus of Intelligence: your seat can pay for itself
  • A browser tool for laying out PG accommodation: drag rooms onto a scaled grid, plan every floor, and get plain-language layout advice as you go. Upload a photo of a hand-drawn sketch and it reads the dimensions off it to trace the building's outline.

    • SVG canvas with pan, zoom from 0.15x to 8x, a 1 ft grid and 0.5 ft snapping.
    • A suggestions engine that checks things like parking against the vehicle gate and dining against the kitchen, and never blocks you.
    • Sketch import: OCR in the browser reads dimensions like 18'9" off a photo, for review before it rebuilds the outline.
    Made at
    Own tool
    Role
    Design and build
    Team
    Solo

    Stack

    React 19 · TypeScript · Vite · Tailwind v4 · Tesseract.js

    Floor Planner: room palette, canvas and layout galleryFloor Planner: the room paletteFloor Planner: a ground-floor layout up closeFloor Planner: rooms with their sizes, up closeFloor Planner: layout suggestions beside the planFloor Planner: ready-made layoutsFloor Planner: the first floor with its statsFloor Planner: dimensions read from a sketch
    • A VS Code extension that watches GitHub Copilot agent activity through in-memory editor events. When you're typing, your browser windows close. When the agent is working, they open. When it needs your approval, they close again. Earn the scroll, then put it down.

      • Two-state machine driven by 7 detection signals: primary is onDidStartTerminalShellExecution.
      • Distraction windows open at iPhone 14 Pro dimensions (393×852) with a mobile UA so Shorts and Reels scroll natively.
      • Hard Lock, Punishment, and Reverse-Dopamine modes. All analytics local: zero external transmission.
      • Replaces a polling approach (v1–v6) that had 17–55s detection delays. Fires instantly.
      Made at
      Own tool
      Role
      Design and build
      Team
      Solo

      Stack

      TypeScript · VS Code Extension API · Chromium IPC

    • A full-stack Web3 + AI platform that classifies blockchain transactions as malicious or benign, explains every prediction with SHAP values, and stores both on-chain via Polygon Amoy testnet. Every verdict is auditable.

      • XGBoost on 9 transaction features, trained and tested on 10,000 synthetic transactions.
      • SHAP per-feature contributions uploaded to IPFS via Pinata, hash + risk score pinned on-chain.
      • Dockerized FastAPI + Next.js 14 frontend. 6/6 Hardhat smart-contract tests passing.
      • Three-page frontend (landing, analyze, dashboard) with RainbowKit + Wagmi v2 wallet auth.
      Role
      Co-builder
      Team
      With Abhigyan Tyagi

      Stack

      Python · FastAPI · XGBoost · SHAP · Solidity · Next.js 14 · Polygon

    • An AI chat UI in two synchronised panels: every message in the DOM on the left, Pretext measurement with virtualisation on the right. Load 10,000 messages and the difference shows up in the same scroll, with FPS, DOM count and render time on both.

      • Heights computed by Pretext from canvas text segmentation, so measuring never forces a reflow.
      • A prefix-sum of message heights, binary-searched for the visible range at any scroll position.
      • About 30,000 DOM nodes on the left against 50 to 100 on the right at 10,000 messages.
      Made at
      Own experiment
      Role
      Design and build
      Team
      Solo

      Stack

      React · TypeScript · Vite · Pretext

    • PyTorch pipeline classifying skin lesions with EfficientNetV2-RW-S and ConvNeXt-Tiny ensembles. Focal loss handles a brutal 6,705-vs-115 class imbalance. Grad-CAM heatmaps make every prediction inspectable.

      • EfficientNetV2-RW-S → 94.21% validation accuracy on a single RTX 3060 in ~1.5h.
      • Focal Loss (γ=2.0) for class imbalance · Mixed Precision FP16 for 2× speedup.
      • AdamW + CosineAnnealing LR + best-only checkpointing. Stratified 85/15 split.
      Team
      Team of 4

      Stack

      PyTorch 2.6 · timm · Grad-CAM · scikit-learn

    • A web version of Humans Since 1982's A Million Times installation: a grid of analogue clocks whose hands turn in step to form the time, waves and other formations.

      • Formations for the time, waves, a magnet and lines, with transitions between them.
      • Configurable grid and visual style, rendered with WebGL.
      Made at
      Own experiment
      Role
      A recreation of Humans Since 1982's installation
      Team
      Solo

      Stack

      JavaScript · WebGL · Canvas

    • A Gemini-powered tutor that adapts how it teaches: Explain, Socratic, Revision, or Exam-Focused. Tokens stream over SSE. Voice input drives a 48-bar Web Audio visualizer. Drop an image, get multimodal analysis.

      • Four teaching modes: Socratic mode never gives the answer.
      • Token-by-token SSE streaming with Framer Motion typewriter character animation.
      • LaTeX, code highlighting, exportable notes. Zustand-scoped session memory.
      • Strict TypeScript (zero any), comprehensive Jest suite, IP-based rate limiting at the edge.
      Role
      Co-builder
      Team
      With Kuljot Singh

      Stack

      Next.js 16 · React 19 · Gemini 2.5 Flash · Zustand · Framer Motion

    • A workflow editor on React Flow: add and connect nodes, edit nodes and edges in side panels, and save or import a graph. Most of the work is editor behaviour rather than drawing.

      • Undo that folds a burst of typing into one step instead of one per keystroke.
      • Imported files are checked for shape before they replace the graph.
      • Keyboard shortcuts, toasts, and an animated demo of a flow running.
      Made at
      Own tool
      Team
      Solo

      Stack

      React 19 · TypeScript · React Flow · Zustand · Tailwind v4

    • A room-booking system for a university. The first version was a team project; the second is a solo rebuild with a five-level role hierarchy, a block, floor and room model, and two-tier approval.

      • Roles from super admin down to team member, each with its own booking rights.
      • Rooms carry seating and equipment, so a booking asks for what a room actually has.
      • Live availability and notifications through Firestore listeners.
      Team
      v1 team of 4, v2 solo

      Stack

      React · Vite · Redux Toolkit · Firebase · Tailwind v4

    • A small full-text search engine in Python: documents are indexed into Redis sorted sets of term frequencies, and queries are ranked by TF-IDF.

      • Index, remove and search, with relevance scores kept in ZSETs.
      Team
      Co-built

      Stack

      Python · Redis

    • A shell hook that plays a FAHHH sound whenever a command exits non-zero, without holding up the prompt. One-line install on Linux, macOS and Windows.

      • Hooks into bash, zsh and PowerShell.
      • Plays in the background, so the next command is never kept waiting.
      Made at
      Own tool
      Team
      Solo

      Stack

      Shell · PowerShell

    • A parking app for drivers and a web portal for parking authorities, with occupancy detected by automatic licence plate recognition and payment through FASTag.

      • A mobile app for drivers and a web portal for operators.
      Made at
      Smart India Hackathon 2023
      Team
      Team

      Stack

      Flutter · Dart · ALPR · FASTag

    • A web front end for the No-as-a-Service API: a random rejection line by category, copy and share, and a link for any one line.

      • An edge-runtime proxy that caches the API.
      • WCAG 2.1 AA: skip links, visible focus, reduced motion respected.
      Made at
      Own app
      Team
      Solo

      Stack

      Next.js · TypeScript · Edge Runtime

    • MetaMask + RainbowKit wallet auth, ERC20 + NFT tracking with on-chain queries, live pricing via CoinMarketCap, OpenAI-generated portfolio insights. Three payment rails: Ethereum, card, bank.

      • Cross-border payments authenticated by Email + Mobile OTP.
      • Live ETH price feeds + multi-step checkout.
      • ERC20 and NFT inventory queries against multiple chains.
      Team
      With Akshay Sinha

      Stack

      Next.js · Solidity · Wagmi · RainbowKit · ethers.js

    • A C++ program that solves a grid maze with breadth-first search, finds the shortest path from start to end and prints it in colour.

      Made at
      Own project
      Team
      Solo

      Stack

      C++

Craft

Small pieces, running. Each loop is a recording of the real thing: LanceMart's first load, three Bezel components, and two details from this site.

Intro ringLanceMart · a first visit
Block RunBezel · moves only on real progress
Air raid, pixel cutThis site · a film hidden in the plane
TypewriterBezel · a loader in pure CSS
GlyphFieldBezel · type that leans toward the pointer
Patent drawingThis site · the banner plane, hovered

Notes

I design in the browser, where the decisions get made.

Yash Arya
Yash Arya · New Delhi, IN

I'm Yash, a design engineer in New Delhi. I do the interface work and then ship it: the flows, the type, the states nobody thinks about, and the code underneath. At Pelocal Fintech I'm in the product team, working across several products from the public site to the tooling behind it. The public home, about, careers and contact pages there are mine.

I prototype in the browser rather than in Figma, because that's where a decision actually gets made. A hover that reads well in a static frame can be useless on a phone, and you only find that out by building it.

I also made Paigam, a wedding invitation product I designed, priced and shipped on my own. Twelve templates drawn from specific Indian wedding traditions, because recolouring one design is not the same as respecting twelve.

Read the Paigam case study →

20+

projects done

5

live product pages

3

live client sites

Solo

design through deploy

Education

B.Tech, Computer Science Engineering · Bennett University

Aug 2022 – Jun 2026

Practice

Four roles,
production scars to show for it.

  1. 01 · Dec 2025 – Ongoing

    Noida

    Pelocal Fintech

    Software Engineer · Frontend Systems · Events operations · Lending

    • 01Sole designer and frontend on an events-operations admin panel: React + TypeScript, managing 100+ events, 500+ menu items and live customer bookings.
    • 02Architected 8+ admin modules with TanStack Query + Table → sub-300ms cached loads on 1,000-row tables; ~60% less data-fetch boilerplate.
    • 03Seat-availability + future-date + double-booking guards eliminated overbooking entirely (down from 12+ pre-launch QA issues).
    • 04Zod validation across all forms cut backend rejection from ~18% to under 2%.
    • 05GST reporting dashboards (CGST/SGST/IGST) replaced ~4 hrs/week of manual Excel reconciliation.
    • 06Restructured a lending client's single-page loan application into a 5-step flow with per-step validation, cutting abandonment by about a quarter.
    ReactTypeScriptTanStack QueryTanStack TableZodTailwindshadcn/ui
  2. 02 · Jun – Jul 2025

    New Delhi

    Ohum Healthcare Solutions

    Backend QA Intern · HIS at ILBS · Hospital Information System for ILBS

    • 01Validated RBAC across 6 roles (admin, doctor, nurse, lab tech, billing, patient). Caught 22+ privilege-escalation gaps pre-rollout.
    • 02Wrote 80+ raw SQL queries in DBeaver/PostgreSQL; surfaced 9 silent UI/DB data-mismatch bugs.
    • 03Ran 4 full QA cycles across OPD, IPD, Lab, Pharmacy modules → 45+ Jira defects, ~30% drop in post-release hotfixes.
    • 04Authored regression baselines for admission, discharge summary, and lab-result workflows, reused by the in-house team.
    PostgreSQLDBeaverSQLJiraRBAC
  3. 03 · Jul 2024

    Greater Noida

    LG Electronics

    Industrial Trainee · Full Stack · Inventory Management System

    • 01Built a C# + ASP.NET + SQL Server inventory system digitizing 10,000+ SKUs for 15+ floor staff.
    • 02Barcode-matched lookup tool (Django + JS + MySQL) cut product lookup from ~45s to ~3s.
    • 03Role-based auth + audit logging closed a recurring ~5% month-end reconciliation gap.
    • 04Prototype demoed and approved by warehouse operations head inside the 4-week window.
    C#ASP.NETSQL ServerDjangoMySQL
  4. 04 · May – Jun 2024

    Ghaziabad

    Central Electronics Limited

    Backend Developer Intern · Govt. of India PSU · Government Job Portal

    • 01Built 12 REST endpoints (Node + Express + Mongo) handling 500 concurrent mock requests without timeouts.
    • 02Cloudinary integration for resume/photo uploads with MIME validation + 5MB caps → ~90% fewer invalid-upload errors.
    • 03bcrypt (10 rounds) + JWT (24h) closed an OWASP A02 gap (prior storage was plaintext).
    • 04Documented 18+ reproducible defects with cURL repros; 15 patched before QA hand-off.
    Node.jsExpressMongoDBCloudinaryJWT

Toolkit

Polyglot,
but sharpest in TypeScript.

Languages

  • TypeScript
  • JavaScript
  • Python
  • Solidity
  • C#
  • C++
  • Java
  • Dart
  • SQL

Frontend

  • React
  • Next.js
  • Tailwind CSS
  • TanStack Query
  • TanStack Table
  • Framer Motion
  • shadcn/ui
  • Zod
  • Vite

Backend

  • Node.js
  • Express
  • Django
  • Flask
  • ASP.NET
  • REST

Data

  • PostgreSQL
  • MongoDB
  • MySQL
  • SQL Server
  • Redis

Web3

  • Solidity
  • ethers.js
  • Wagmi
  • RainbowKit
  • Hardhat
  • IPFS / Pinata

AI / ML

  • PyTorch
  • XGBoost
  • SHAP
  • scikit-learn
  • EfficientNetV2
  • Grad-CAM
  • Gemini API

Infra

  • Docker
  • GitHub Actions
  • Vercel
  • GCP
  • Turborepo
  • Cloudinary

Credentials

Coursework,cloud labs, certifications.

  • 01

    Ethereum & Solidity: The Complete Developer's Guide

    Udemy

  • 02

    Blockchain and its Applications

    NPTEL

  • 03

    Blockchain Basics

    University at Buffalo · Coursera

  • 04

    Cloud Computing & Distributed Systems

    NPTEL

  • 05

    Object-Oriented Data Structures in C++

    University of Illinois · Coursera

  • 06

    Introduction to Modern Database Systems (CS403)

    Saylor Academy

  • 07

    Using Git for Distributed Development

    The Linux Foundation

  • 08

    Postman API Fundamentals Student Expert

    Postman

  • 09

    C++ Programming Specialization (5 courses)

    Coursera · Codio

  • 10

    MATLAB · Onramp · Linear Algebra · ODEs

    MathWorks

  • 11

    Data Visualisation: Empowering Business with Effective Insights

    Tata · Forage

  • 12

    Digital Marketing

    Google Digital Garage

View certificate folder →

Google Cloud Skills Boost

Profile A · since 2023

10,645

Silver League

Profile B · since 2022

2,100

Silver League

Get in touch