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.
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.
- 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








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







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








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







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








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








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.
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.
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.
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.
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.
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.
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.
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.
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.
Notes
I design in the browser, where the decisions get made.

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.
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.
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/ui02 · 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.
PostgreSQLDBeaverSQLJiraRBAC03 · 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 ServerDjangoMySQL04 · 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
Google Cloud Skills Boost
Profile A · since 2023
10,645
Silver League
Profile B · since 2022
2,100
Silver League