Piyush Shukla

Architected and shipped the Order Ledger module for invoice and credit note workflows, unifying two distinct backend data structures (oposCase and orderLedger) into a normalized entry format consumed across multiple detail pages. Designed a scalable React component library adopted by 3+ product teams, with TypeScript-first APIs built on shadcn/ui and Radix primitives, reducing UI development effort by ~30%. Engineered role-switching infrastructure wiring a RoleSelector to a cookie-based data boundary and React Query cache invalidation, including disambiguation logic for roles sharing identical identifiers. 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 via a PermissionGuard wrapper, extending the Resource type union for granular feature gating (e.g., ORDER_LEDGER:WRITE). Shipped a real-time Customer Chat UI with WebSocket-based API integration, improving client engagement and support workflow efficiency.

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 Cashfree's 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 Cashfree's online product surfaces using React and Next.js.

Led the responsive design overhaul of Zeda's 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). Released a feedback feature driving user engagement; resolved production bugs and incorporated user feedback into product iterations.

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