Piyush Shukla

Architected and shipped the Order Ledger module invoice and credit note workflows in a Next.js 14 (App Router) fintech application, unifying two divergent backend data models into a single normalized format consumed across multiple detail pages. Designed and maintained a shared React component library on the platform team, adopted by 3+ product teams built on shadcn/ui and Radix primitives, with each component developed and reviewed in isolation via Storybook before release, cutting repeated UI work by roughly 30%. Engineered role-switching infrastructure wiring the role selector to a cookie-based data boundary with React Query cache invalidation, ensuring correct data scoping on every context switch. Delivered Customer Insights dashboards with Highcharts visualizations and AG Grid analytical tables supporting sorting, filtering, virtualization, column personalization, and large dataset handling. Implemented role-based access control through a permission-guard wrapper providing granular, resource-level feature gating across the application. Built the real-time Customer Chat UI against a WebSocket-backed message stream live message rendering, connection and loading states, and scroll handling for continuously arriving messages. Authored unit and integration test suites with Jest and React Testing Library, surfacing and fixing latent production bugs during coverage work. Integrated AI coding agents (Claude Code, Cursor) into the daily development workflow for debugging, large-scale refactors, and architectural exploration including a codebase-wide TypeScript strictness pass across the application. Contribute to design and code reviews on every PR, driving shared-abstraction standards and eliminating duplicated implementations in favour of reusable components.

Owned end-to-end UI delivery for a SaaS client across planning, development, and production deployment phases. Composed a modular React component library that reduced future feature development time by ~25%. Improved page load time by ~35% using code splitting, dynamic imports, and React.lazy boundaries. Implemented responsive and accessible UI ensuring consistent experience across mobile, tablet, and desktop devices.

Engineered the Create Workflow module with end-to-end backend integration in React, enabling configurable invoice processing pipelines. Implemented the Credit Score module integrating yellow.ai and Gupshup APIs for automated customer communication flows. Migrated REST data fetching to GraphQL on key flows, reducing payload size and network round-trips. Revamped the Invoice Audit UI and Payment module for production environments, improving user experience and reliability. Shipped high-traffic landing pages and a Book-a-Demo flow in Next.js for the Product Hunt launch and ongoing lead generation.

Owned and maintained multiple production web properties for Cashfrees marketing and growth teams, contributing to measurable improvements in user engagement. Optimized page performance to consistently exceed 70+ Lighthouse scores, improving Core Web Vitals and user experience. Designed and implemented end-user interfaces for lead generation, facilitating direct customer interaction and improving conversion rates. Wired backend integration for the contact-sales workflow, reducing manual response time and improving data hygiene. Led requirement gathering and built core reusable components powering Cashfrees online product surfaces using React and Next.js.

Led the responsive design overhaul of Zedas core web application, improving accessibility and cross-device engagement. Integrated Tableau, Google Data Studio, and Mixpanel into the platform, expanding data visualization capabilities for product teams. Implemented and maintained CRUD APIs powering core platform features, optimizing query patterns and reducing response times. Delivered the release notes module end-to-end (requirements backend UI) and core authentication flows (signup, login, password reset).

Integrated Google Calendar API into the core scheduling product. Resolved production bugs and built features for the Contact Us flow addressing pending customer requests.