// Crafting fast, accessible web experiences with React and Next.js — focused on performance, clean architecture, and pixel-perfect detail.
Bengaluru, Karnataka, India
Mohali
verifiedMeta · Coursera
verifiedfreeCodeCamp
verifiedfreeCodeCamp
verifiedFrontend Masters
faster load times
Migrated key e-commerce pages to Next.js SSR — cut TTFB and improved Core Web Vitals across the catalog.
lift in engagement
Refactored navigation with dynamic routing and prefetching, boosting session depth and conversion.
place · internal hackathon
Shipped a real-time supply-chain dashboard prototype in 36 hours with a 3-person team.
open-source PRs merged
Contributions to React component libraries, docs sites, and a Tailwind plugin used in production.
Lighthouse score
Took the marketing site from 62 → 98 by trimming JS, optimizing images, and rebuilding the layout.
design system
Bootstrapped a token-driven component library now used across 4 internal products.
? Can you walk me through a project where you utilized Next.js to improve the performance of a web application?
In my recent project at Tech Innovators, I was tasked with optimizing our e-commerce platform. I decided to implement Next.js for its server-side rendering capabilities. By migrating key pages, we reduced load times by 40%, leading to a 25% increase in user engagement. Additionally, I leveraged dynamic routing to enhance the overall user experience, allowing for faster navigation.
? What was your approach when you faced a significant challenge in a React project?
During a project at Creative Solutions, we encountered a major issue with state management in a complex form component. I proposed integrating Redux for centralized state management, then refactored the component, which simplified the code and improved maintainability. The result was a more responsive UI and reduced bugs.
? How did you handle feedback from a product manager regarding a UI component you developed?
At Digital Dynamics, I received feedback that a UI component I developed was not aligning with the product vision. I arranged a meeting with the PM to understand their concerns, listened actively, and reworked the component to better fit the overall design language — improving team collaboration and the final product.
? What would you do if tasked with redesigning a legacy application using modern technologies like React?
I would first analyze the existing codebase and user feedback, then create a roadmap that breaks the app into manageable React components. I'd prioritize UX with responsive design and accessibility, and advocate for a phased rollout with user testing at each step to mitigate risk.
? Can you describe a situation where you collaborated with backend developers to integrate APIs?
At Web Solutions, I worked closely with backend devs to integrate RESTful APIs into our React app. We held regular syncs to discuss data requirements, and I created mockups to visualize data presentation. This resulted in seamless integration and improved data fetching efficiency.
? What strategies do you use to ensure your code is maintainable and scalable?
I write modular, reusable components in React, follow clear naming conventions, and document thoroughly. I rely on ESLint and Prettier for consistency, and treat code reviews as essential — both for knowledge sharing and keeping the codebase clean as it grows.
Looking For
Actively seeking new opportunities. Open to positions based on skills and experience, with flexibility on location and availability.
