Senior React Front-End Engineer (AI Web)

NUTAN PANDEYA

Front End Developer React.Js/ Vue.js AI & Modern Web Technologies

San Francisco Bay Area, CA *****.*******@*****.*** linkedin.com/in/nutanpandeya PROFESSIONAL SUMMARY

Senior Front-End Engineer with 12+ years of experience building scalable, high-performance web applications using React.js, TypeScript, JavaScript, HTML5, and CSS3. Strong expertise in developing large-scale React applications, reusable component architectures, complex state management, RESTful API integration, and pixel- perfect responsive interfaces from Figma designs. Experienced in Jest, React Testing Library, Cypress, Webpack, accessibility/ADA, WCAG, automated testing, and performance optimization, with a proven track record of mentoring developers and collaborating with product, design, and backend teams. Experienced with headless CMS integrations, GitHub-based development workflows, and modern CI/CD practices. Also experienced in applying AI-assisted development tools to accelerate delivery while maintaining clean, secure, testable, and maintainable production code.

TECHNICAL SKILLS

Core Frameworks: HTML5,React.js, TypeScript, Node.js, Vue.js (2.x/3.x), Next.js, Redux,Zustand,Vuex/Pinia React Ecosytem : React.js, React Hooks, TanStack React Query, Zustand, Redux, React Router Styling: SASS/LESS, CSS3, Tailwind CSS, Bootstrap, Material-UI, Vuetify, Storybook,Responsive Design Azure Services: MSAL.js (Azure AD Authentication/Authorization), Azure Blob Storage, Azure App Services, Azure AI Document Intelligence (Form Recognizer), Azure CI/CD Pipelines Authentication: MSAL.js, Okta PKCE, Passport.js, SSO, Role-Based Access Control (RBAC), JWT AI & Agentic Development: OpenAI API, Google Gemini API, LLM Integration, Prompt Engineering, AI State Management,Dynamic AI-Driven UI, AI/Frontend Orchestration,GitHub Copilot, Claude,Gemini APIs & State: RESTful APIs, Axios, Redux, React Query, React Router, Vue Router Build & CI/CD: GitHub Actions, Webpack, Vite, Babel, ESLint, NPM/Yarn, Docker, Bitbucket Performance: Lighthouse Optimization, Web Performance, SEO, Cross-Browser Compatibility BDD/Testing: Jest, React Testing Library, Cypress, Mocha, Jasmine, QUnit Accessibility: WCAG, Section 508, ADA, WAI-ARIA

Cloud: Azure (primary), AWS (S3/EC2/Amplify/CodePipeline), GCP Security: OWASP, Burp Suite, ZAP Proxy, DAST, SAST Process & Dev Tools: SAFe 4.0, Agile/Scrum, Jira, Confluence, VSCode, Figma CMS: WordPress (Headless CMS), Denali CMS, REST API content integration. Exposed to Programming Languages: C#,.NET,JAVA(Exposure to full-stack application architecture). PROFESSIONAL EXPERIENCE

Sr.Front-End Engineer SF Civic Tech San Francisco, CA Aug 2024 – Present sfcivictech.org

• Architected and developed safehome (https://www.safehome.report/) using Next.js/React.js/Typescript

(Hooks, Context API, Redux, React Router) with a focus on SSR and SSG for optimal performance and SEO.

• Developed and documented reusable React components using Storybook,enabling consistent UI patterns, isolated component development, and efficient collaboration between developers and designers.

• Integrated Mapbox GL to deliver interactive, data-driven web maps for civic use cases.

• Followed Component Architecture, responsive, and reusable UI components for CareConnect

(careconnectsf.org) with React.js and Mantine UI, delivering a fully responsive, accessible user interface.

• Integrated and managed OAuth 2.0, SAML, SSO, and identity management solutions to implement secure authentication and authorization across applications.

• Integrated LLM-powered capabilities using OpenAI and Google Gemini APIs into React/Next.js based CareConnect applications, transforming model responses into contextual, user-facing experiences and reusable UI components.

• Implemented AI state management and feedback flows using React state and Redux patterns, coordinating user prompts, API requests, model responses, loading states, errors, and follow-up interactions.

• Collaborated closely with UX/UI designers and product teams, translating Figma designs into high-quality, pixel-perfect responsive web pages.

• Ensured all UI components met WCAG 2.1 AA accessibility standards, implementing ARIA roles, keyboard navigation, and screen reader support for civic-facing applications serving diverse user groups.

• Optimized application performance, accessibility, and cross-browser compatibility to deliver fast, responsive, and WCAG-compliant web experiences across modern browsers and devices.

• Exposed with RESTful APIs and WebSocket-based communication for integrating frontend applications with backend services and enabling real-time data updates.

• Authored comprehensive Jest unit test suites for React components, maintaining high code coverage and improving application reliability.

• Leveraged GitHub Copilot and Claude AI to accelerate component scaffolding, debug complex logic, and generate boilerplate code — improving personal development velocity by an estimated 30%.

• Containerized applications using Docker and deployed to AWS (EC2, S3, CloudFront), ensuring consistent environments across development and production.

Technologies: HTML5,React.js, TypeScript, Next.js,SASS/CSS3, Tailwind CSS,Material-UI, Redux, React Query, REST/Axios, GitHub Actions, Azure, Figma, Jest, ESLint, Webpack/Vite Lead Web Developer QuinStreet — Foster City, CA Aug 2020 – Aug 2024

• Built and maintained scalable frontend architectures using React.js and TypeScript, delivering SEO- optimized, server-rendered applications with Next.js that improved load times and Lighthouse performance scores.

• Implemented secure Authn/Authz flows using Okta PKCE; extended Azure AD integration patterns with MSAL.js for role-based access control across enterprise applications.

• Developed reusable, accessible React component library aligned to REST API contracts (QRP), enabling consistent design execution across product teams.

• Crafted sophisticated UI styling using SASS/CSS3 with Tailwind CSS and Material-UI, ensuring WCAG/ADA-compliant, responsive, professional interfaces.

• Integrated Google APIs (geo-location, analytics) and payment network API (VGS); designed configurable UI consuming structured REST API data.

• Leveraged GitHub Copilot for AI-assisted pair programming, accelerating feature delivery and maintaining high code quality standards.

• Translated Figma designs into pixel-perfect, accessible components; managed dynamic content via WordPress as headless CMS with REST API delivery.

• Deployed CI/CD pipelines using GitHub Actions to Azure-compatible,managed full SDLC from architecture through production deployment.

• Authored comprehensive Jest unit test suites for each component, maintaining high code coverage across the codebase.

Technologies: React.js, TypeScript, Next.js, Vue.js (2.x/3.x), SASS/CSS3, Tailwind CSS, Material-UI, Vuetify, Redux, React Query, REST/Axios, GitHub Actions, Azure, Figma, Jest, ESLint, Webpack/Vite Sr. UI Developer McKesson — San Francisco, CA Oct 2018 – Jul 2020

• Implemented enterprise SSO and role-based authorization using MSAL.js and Microsoft Azure Active Directory — directly mirroring MSAL/Azure AD requirements for modern SaaS platforms.

• Integrated Azure Blob Storage patterns for document management and migrated SAP-based custom solutions to cloud-native Azure App Services architecture.

• Developed inventory management and customer grouping applications using React/Redux and Vue.js/Vuex with Node.js backends, demonstrating expertise in enterprise FinTech-grade SaaS delivery.

• Built CI/CD pipelines with Concourse deploying to Pivotal Cloud Foundry; debugged JWT authentication issues in production environments.

• Styled applications using SASS/CSS3 with Bootstrap and Material-UI; integrated WordPress as headless CMS delivering content via REST APIs.

• Led a team of 4 developers, providing technical guidance, backlog management, and story decomposition in Agile sprints.

Technologies: React.js, TypeScript, Vue.js (2.x), MSAL.js, Azure AD, SASS/CSS3, Redux, Bootstrap, Material-UI, Node.js, REST/Axios, Concourse CI, Git, Bitbucket

Sr. UI Developer / Tech Lead Cisco — Milpitas, CA Mar 2018 – Oct 2018

• Architected and built reusable Angular 4/5 components and reactive forms with TypeScript/ES6 for enterprise customer-facing applications.

• Developed data-rich dashboards using Chart.js and configured Ag-Grid for complex Customer Record management with multiple configuration options.

• Collaborated with backend teams to define technical design; participated in requirements gathering with business and sales stakeholders.

Technologies: Angular 4/5, TypeScript, SASS/CSS3, Angular Material, Chart.js, Ag-Grid, REST, Azure, Git Web Developer Sage Intacct — San Jose, CA Mar 2017 – Nov 2017

• Led migration of legacy product to SPA using Angular 2 and TypeScript/ES6; built consumer dashboards with HighCharts.js.

• Assessed applications for security vulnerabilities using Burp Suite and ZAP Proxy; coordinated with VeraCode assessors and resolved PHP/JavaScript/SQL security flaws. Technologies: Angular 2, TypeScript, SASS/CSS3, HighCharts.js, REST, Git, Azure Sr. UI Developer JPMorgan Chase — San Francisco, CA Apr 2011 – Jul 2013

• Built W3C-compliant, accessible UI widgets with jQuery and CSS3/SASS for a major financial institution, ensuring strict WCAG, Section 508, and ADA compliance.

• Implemented assistive technology support (Screen Reader, NVDA, ChromeVox) using WAI-ARIA; resolved cross-browser CSS compatibility issues.

• Wrote JavaScript/CSS unit test cases with Jasmine, QUnit, and FuncUnit in an Agile/Scrum environment. Technologies: HTML5, CSS3/SASS, JavaScript, jQuery, WAI-ARIA, Jasmine, QUnit, REST, SVN Front-End Engineer Global English — South San Francisco, CA Aug 2010 – Apr 2011

• Developed Web 2.0 UI layer with multilingual/internationalization support integrated with Denali CMS; built jQuery UI widgets including menus, tooltips, sliders, and datepickers. EDUCATION & CERTIFICATION

Master of Computer Applications • Pune University, India Professional Certificate in Generative AI & Agents for Software Development • The University of Texas at Austin

Professional Certificate in React . By <Packt>

Professional Certificate in Vue . By <Packt>

Contact this candidate