2022·Design & Engineering
vdhyutidhara.com
Personal portfolio site built with React 18 and CSS Modules, featuring an editorial minimal aesthetic inspired by Canal Street Market.
React · CSS Modules · HTML5
View case study→Personal portfolio site built with React 18 and CSS Modules, featuring an editorial minimal aesthetic inspired by Canal Street Market.
React · CSS Modules · HTML5
View case study→A ground-up rewrite migrating from Create React App to Next.js 16 with React 19, Tailwind 4, TypeScript, and a full dark/light mode system.
Next.js · React 19 · TypeScript · Tailwind 4
View case study→A design system built around editorial print principles — tight typographic hierarchy, structured white space, and ink-on-paper contrast ratios.
TypeScript · React · CSS · Storybook
View case study→A headless React form library built accessibility-first — every input, label, error, and hint wired to WCAG 2.1 AA out of the box.
React · TypeScript · ARIA · Storybook
View case study→A redesigned multi-step onboarding flow for a SaaS product that reduced drop-off by 34% by addressing cognitive load and accessibility gaps.
React · TypeScript · CSS Modules · Figma
View case study→An animation library that respects prefers-reduced-motion at the token level, so every component in the system is safe by default.
CSS · TypeScript · React · Tailwind
View case study→An internal tool for tracking accessibility audit findings across multiple products, with progress metrics and remediation workflows.
Next.js · TypeScript · PostgreSQL · Tailwind
View case study→A lightweight TypeScript library for focus trapping, focus restoration, and skip navigation in single-page applications.
TypeScript · React · ARIA
View case study→A fully accessible sortable, filterable data table with keyboard navigation, screen reader announcements, and responsive collapse.
React · TypeScript · ARIA · CSS
View case study→A Windows High Contrast and forced-colors aware theme layer that keeps the product usable for users who depend on system contrast settings.
CSS · Tailwind · TypeScript
View case study→A site-wide landmark and skip navigation implementation that reduces keyboard navigation time by 80% for returning users.
React · TypeScript · ARIA · Next.js
View case study→A toast and alert notification system that correctly uses ARIA live regions to announce status updates to screen reader users.
React · TypeScript · ARIA
View case study→