Building enterprise-grade microfrontend platforms with a performance-first mindset, deep component architecture thinking, and 5+ years of shipping production systems at scale.
Lighthouse
95+
MFE Apps
5
Experience
5+ yrs
By the numbers
Years Experience
Microfrontend Apps
Team Members Led
Engineers Mentored
Technologies
Lighthouse Score
I don't just build UIs — I architect frontend systems that multiple teams depend on, that ship reliably, and that scale without drama.
I'm a Frontend Engineer at Infosys Ltd. with 5+ years building enterprise web applications at the intersection of component architecture and systems thinking. I've shipped across two major client accounts — Arizona Public Services and Verisk — spanning payment integrations, microfrontend architecture, and enterprise authentication systems.
My superpower is bridging the gap between a complex enterprise requirement and a clean, maintainable frontend implementation — and raising the bar for the engineers around me.
Infosys — Systems Engineer Trainee
Started my career at Infosys after completing B.Tech in Computer Science. Went through intensive full-stack training and shipped a travel booking application solo before being assigned to my first client.
Infosys — Frontend Engineer, APS Project
Joined the utilities sector customer portal team for Arizona Public Services. Owned payment gateway integrations and built the Profile Switching feature — enabling multi-account management for hundreds of thousands of customers.
Infosys — Digital Specialist Engineer, Verisk Project
Moved to the Verisk account — a 15+ member Agile team building 5 microfrontend enterprise applications. Took ownership of the shared npm component library, authentication architecture (Okta SSO), and became the team's interview panelist.
Promoted at Infosys · Today
Promoted to Digital Specialist Engineer – L1 in October 2024 after consistent delivery, mentorship, and technical leadership on the Verisk platform. Continue to drive frontend architecture, performance, and team capability.
Lighthouse score improvements through targeted UI and code-level optimizations. Core Web Vitals tracked on every build.
Okta SSO, NextAuth, Next.js middleware/rewrites. Secure session handling across independently deployed microfrontend apps.
Module Federation, independent deployments, shared npm packages. Built across 5 microfrontend apps in a 15+ person Agile team.
Next.js App Router and Pages Router for SSR and SSG-enabled pages. Sitecore JSS for CMS-driven, editable page rendering.
Bitbucket Pipelines for automated zero-downtime deployments. Cloudflare Pages for global edge distribution.
Owned Styled Components theming, HOCs, custom hooks, pagination, and inline editing components across the platform.
Published and maintained versioned internal npm packages and shared component libraries adopted team-wide.
Jira sprint-based delivery with product owners, QA, and UX designers. Consistently deliver complex work items across sprint cycles.
Mentored 5 engineers on technical growth and onboarding. Weekly interview panelist, hiring new frontend engineers for the team.
Deep experience debugging distributed frontends — cross-domain comms, shared assets, multi-environment deployment failures.
The technologies I use daily to build enterprise-grade, performant, and maintainable frontend systems.
+ always learning new tools that solve real problems
Enterprise platforms, shared component systems, and authentication architecture — built for real teams, real clients, real scale.
Led frontend development across 5 interconnected microfrontend applications for Verisk, a global data analytics leader — serving enterprise clients at scale with SSR/SSG-enabled pages and a shared component ecosystem.
Drove Lighthouse scores up through targeted UI optimizations. Reduced cross-team integration bugs via shared typed component library.
Built and enhanced the customer-facing portal for Arizona Public Services, a major US utilities provider — enabling bill viewing, online payments, and multi-account profile management for hundreds of thousands of customers.
Payment gateway integration enabled online bill payment for thousands of customers. Profile switching feature shipped and adopted across the user base.
Designed and published internal npm packages and shared component libraries — including Styled Components theming, HOCs, custom hooks, pagination, and inline editing — adopted across all microfrontend applications on the Verisk platform.
Eliminated duplicated UI logic across 5 apps. Unit test coverage via Jest caught regressions before reaching QA.
Owned end-to-end authentication and routing integrations across the Verisk microfrontend platform using Okta SSO, NextAuth, and Next.js middleware/rewrites — enabling secure session handling across independently deployed applications.
Zero auth-related production incidents post-implementation. Seamless SSO experience across all platform apps.
Designed and built this portfolio site from scratch — deployed on Cloudflare Pages with automated CI/CD. Features particle animations, 3D avatar, command palette, scroll progress, custom cursor, and full performance optimization.
95+ Lighthouse score. Automated CI/CD deploys on every push. Hosted globally via Cloudflare edge network.
Built a full-stack travel booking application during Infosys training — implementing booking flows, place search, and payment features using ASP.NET MVC, EF Core, and Angular.
Complete booking, search and payment flows functional end-to-end. Foundation for full-stack development practices.
5+ years of shipping enterprise production code — from payment gateway integrations to microfrontend architecture at scale.
Drove Lighthouse performance scores up significantly through targeted UI and bundle optimizations across the platform
Published multiple versioned npm packages consumed across 5 independent microfrontend applications
Mentored 5 engineers, with all becoming independent contributors within 3 months of onboarding
Implemented cross-domain Okta SSO authentication with zero auth-related production incidents post-launch
Software is a craft. These are the principles that guide every line I write, every architecture decision I make.
I don't just close tickets — I own outcomes. When I build a feature, I think about who uses it next, who maintains it next, and what breaks if we change it.
Before writing a component, I ask: where does this live, who reuses it, and how does state flow through it? The best code is the code you never have to rewrite.
Every millisecond counts in enterprise apps. I profile before optimizing, measure after, and track Core Web Vitals across every deployment.
Publishing internal npm packages taught me that a library's API is a contract. I design shared components to be versioned, typed, documented, and backward-compatible.
A team of 5 engineers I've mentored multiplies my impact by 5x. I invest in code reviews that teach patterns, not just fix bugs.
Agile isn't a process — it's a mindset. I ship in small increments, instrument everything, and let real usage drive the next decision.
1// How I approach every component2interface ButtonProps {3 variant: 'primary' | 'secondary';4 size?: 'sm' | 'md' | 'lg';5 children: React.ReactNode;6 disabled?: boolean;7}89const Button = ({10 variant,11 size = 'md',12 children,13 ...props14}: ButtonProps) => {15 // Composable. Accessible. Typed.16 return (17 "Any fool can write code that a computer can understand. Good programmers write code that humans can understand."
— Martin Fowler
Deep-read the requirements. Ask the product owner uncomfortable questions. Find the edge cases before sprint planning.
Component tree, state strategy, API contracts, shared package boundaries. Never write a line before the architecture is clear.
TypeScript-first, component-first, test-as-you-go. Small focused PRs with clear descriptions.
Unit tests for shared components and hooks with Jest. Cross-browser QA. Performance profiling before merge.
Every PR I raise gets a detailed description. Every PR I review gets architectural feedback, not just syntax nitpicks.
Bitbucket Pipelines CI/CD for automated, zero-downtime deployments. Cloudflare edge for global performance.
Post-ship: Lighthouse audit, real-user monitoring, backlog refinement. Shipping is the beginning.
Words from the engineers, managers, and product leaders I've worked with.
"Satyendra consistently delivers complex frontend features with a level of technical depth that goes beyond his role. His ownership of the npm package ecosystem and authentication architecture has been foundational to how the entire team ships."
R.S.
Engineering Lead · Verisk Project, Infosys
Deep dives, mental models, and lessons from 5+ years of building production frontend systems.
What actually breaks when you go microfrontend at enterprise scale — cross-domain auth, shared assets, version drift — and how we solved each one.
The authentication setup nobody blogs about — how to make Okta SSO work seamlessly across independently deployed Next.js apps without re-login.
A practical guide to implementing inline editing, component placeholders, and SSR/SSG with Sitecore JSS in a production React application.
Lessons on API design, versioning strategy, TypeScript types, and documentation that make shared component packages a joy, not a burden.
The exact techniques — lazy loading, bundle splitting, critical CSS, image optimization — I apply to get enterprise apps to top Lighthouse scores.
How we built a Styled Components theming system + Higher-Order Components that scales cleanly across a 15-person team and 5 independent frontends.
Articles are being written — check back soon.
Have a role that needs a senior frontend engineer, a project that needs technical depth, or just want to connect? I'd love to hear from you.
Currently open to senior frontend roles, contract engagements, and consulting on React/Next.js architecture or microfrontend systems.
satyendra.patel9598@gmail.com
GitHub
github.com/satyendra1997
linkedin.com/in/satyendra-patel
Usually responds within 24 hours.