CASE LAB
Explorations in digital engineering and interface design.
Dynamic Form Engine using Form.io
A fully dynamic form system using Form.io, allowing admins to configure fields, validation, conditional logic and API calls without redeployment.
Advanced Tailwind Theme Preset Configuration
Created a theme preset using Tailwind, CSS variables, design tokens, custom fonts, scrollbars, utilities, and reusable cn() helper.
Jest + React Testing Library with TypeScript
Created a full testing environment using Jest, MSW, RTL, and TypeScript with complete UI and async workflow testing.
Mock Service Worker (MSW) — Contract-First API Development
Implemented MSW to create a complete UI experience before backend APIs existed. Later, shared the mocked contract with backend developers.
Infinite Scroll with IntersectionObserver
A smooth infinite scrolling experience built using React, Redux-Saga, and the IntersectionObserver API. Designed to load large datasets dynamically without pagination interruptions.
Redux-Saga Configuration & Async Workflow Architecture
A structured async layer using Redux-Saga to handle complex workflows, chained APIs, infinite scroll, error handling, and background tasks using generator-based side effects.
Drag & Drop File Upload Component
A drag-and-drop file upload component with preview, validation, and external state sync. Used across multiple dashboards.
Advanced Chart.js Configuration
Interactive charts built using Chart.js with dynamic datasets, hover indicators, gradient fills, and time scaling.
End-to-End Deployment Pipeline
Built a structured deployment pipeline using Git branching, CI/CD workflows, environment configs, and automated promotion.
OTP Verification Form with Countdown Timer
A secure OTP-based login system using React Hook Form, Zod, countdown timers, and RTK Query API validation.