Frontend/Full Stack Engineer (React Next.js)

Shravan Kumar

Frontend / Full Stack Engineer React, Next.js, TypeScript, Node.js, NestJS & Microservices

Email: ************@*****.***

Ph. No: +1-519-***-****

PROFESSIONAL SUMMARY

Over 8 years of experience as a Frontend / Full Stack Developer with strong experience across end-to-end software development, including design, development, implementation, unit testing, maintenance, production support, and bug fixing.

Built production-grade React/Next.js and TypeScript applications integrated with Node.js/Express.js services, REST APIs, GraphQL, MongoDB and AWS.

Hands-on backend engineering with Node.js, NestJS and Express.js REST APIs, asynchronous service integration, and Java/Spring Boot microservices; experience with SQL and NoSQL data stores.

Designed scalable, component-driven frontend architectures using Next.js SSR, React Server Components, reusable UI patterns, responsive layouts and performance optimization.

Developed and integrated REST APIs with React/Next.js applications, including asynchronous data fetching, error handling, caching and secure backend communication.

Built reusable UI component systems and micro-frontends using Webpack Module Federation and Single-SPA; applied Redux, Zustand and React Query state management patterns.

Hands-on experience with GraphQL integrations and AWS services including API Gateway, Lambda, DynamoDB, Cognito, AppSync, Amplify, S3, and CloudFront.

Cloud and DevOps experience with AWS, Docker, Kubernetes, Jenkins, Git/GitLab/Bitbucket, and CI/CD pipelines for containerized application build, test, deployment, and release workflows.

AI-assisted software development experience using GitHub Copilot, ChatGPT, and Claude; comfortable collaborating with AI and backend engineering teams for code analysis, coding assistance, refactoring, debugging, testing, documentation, and developer productivity.

Product engineering mindset focused on responsive design, WCAG accessibility, performance, maintainability, and hands-on involvement across SDLC, Agile/Scrum, TDD, code reviews, production deployment, post-release support, enhancements, and defect resolution.

PROFESSIONAL EXPERIENCE

Sr. Front-End / Full Stack Developer

Client: CIBC, Toronto, ON April 2025 to Till Date

Responsibilities:

Built and maintained scalable, production-grade React/Next.js, TypeScript and Node.js/Express.js applications supporting complex banking workflows.

Designed component-driven React architectures with reusable, accessible UI components and independently deployable micro-frontends using Module Federation and Single-SPA.

Implemented Next.js server-side rendering (SSR) and React Server Components, optimizing initial page rendering, code delivery and user experience.

Applied React Hooks, Zustand and React Query to separate UI state from server state, minimize unnecessary re-renders and improve data synchronization.

Developed Node.js/NestJS and Express.js REST APIs and backend services using NestJS modules, controllers, providers and dependency injection with asynchronous request handling, error management and integration with distributed services.

Developed Java/Spring Boot microservices and REST APIs to support banking business capabilities, integrating React front-end modules with secure and scalable backend services.

Implemented service-layer components using Spring Boot, Spring MVC, and dependency injection, and integrated Java microservices with downstream services using REST-based communication.

Built type-safe React/Next.js features in TypeScript, establishing reusable component interfaces and maintainable application modules.

Designed MongoDB schemas and aggregation pipelines and optimized data access patterns for efficient application queries and retrieval.

Integrated React applications with Adobe Experience Manger (AEM), leveraging AEM’s headless CMS capabilities to dynamically render content and streamline content management workflows.

Designed responsive, intuitive user interfaces with semantic HTML5 and modern CSS3, ensuring accessibility (WCAG compliance) and cross browser compatibility.

Utilized Tailwind CSS to rapidly prototype and build scalable, utility-first UI components, resulting in consistent system and faster development lifecycles.

Implemented asynchronous JavaScript/TypeScript workflows, API error handling and modular service integrations to improve application reliability.

Collaborated with UX/UI designers to translate Figma/Invision designs into pixel perfect, interactive React components styled with tailwind CSS and custom CSS modules.

Ensure code quality and reliability with comprehensive unit and integration tests using Jest and react testing Library.

Improved Next.js performance with code splitting, lazy loading and image optimization to reduce initial page payloads.

Integrated REST and GraphQL APIs with backend engineering teams, managing asynchronous requests, loading/error states and caching in React applications.

Used Zustand and React Query for predictable client/server state management, API caching and real-time data synchronization.

Developed and deployed responsive React.js web applications integrated with AWS services like API Gateway, Lambda, and DynamoDB for serverless architecture.

Built and optimized REST/GraphQL APIs consumption in React using AWS AppSync for real-time data updates.

Deployed MERN and micro front-end solutions on AWS using automated CI/CD pipelines for testing, builds, and deployments, supporting reliable cloud-based product delivery.

Used GitHub Copilot, ChatGPT, and Claude as AI-assisted development tools for coding support, refactoring, debugging, testing, documentation, and improving developer productivity.

Platforms Used: React, Redux, Node.js, NestJS, GitHub Copilot, ChatGPT, Claude, Next.js, AWS, TypeScript, GraphQL, MongoDB, Adobe Experience Manager (AEM), HTML5, Tailwind CSS, CSS3, Jest, Enzyme, Cypress, RTL, Git and Bitbucket, Java, Spring Boot, Spring MVC, Microservices, Maven.

Front-End / Full Stack Developer

Client: Scotiabank, Toronto, ON Aug 2024 to April 2025

Description: This project is developed mainly to serve the huge domain of customers. The application also allows bank employees to open a new account for customers or access, modify the customer account information based upon their role. The application offers various functionalities, some of them include Transfer Funds, make a Payment, set up Automatic Payments, Keep the Change, Receive the bills electronically, Request E-mail Notifications, Balance Enquiry. Etc.

Responsibilities:

Implemented strict type checking to catch potential errors at compile time and improve code quality.

Utilized TypeScript with React Hooks for better component typing and state management.

Enhanced developer experience by integrating TypeScript with ESLint and Prettier for consistent code quality.

Built reusable React micro-frontends using Module Federation and Single-SPA to support scalable frontend delivery across teams.

Developed typed Next.js components and SSR-rendered pages to support maintainable, performant customer workflows.

Developed cross-platform desktop applications using Electron.js, React, and TypeScript, enabling a shared codebase across Windows and macOS environments.

Web designing & development using HTML5, CSS3, TypeScript and ReactJS and Redux.

Implemented authentication flows using JWT and protected routes in Next.js.

Built production-ready, responsive Next.js web applications using Server-Side Rendering (SSR), Static Site Generation (SSG), and Incremental Static Regeneration (ISR).

Collaborated with frontend and backend engineers on React/Node.js and NestJS architecture, API contracts and feature delivery.

Integrated React applications with Java/Spring Boot REST microservices supporting secure customer-account and transaction workflows.

Worked with Spring Boot service layers, REST controllers, and Java-based microservices, including API integration, exception handling, and secure communication between distributed application components.

Managed application state with Zustand and React Hooks, including authentication context, user preferences and API-backed data.

Used Canvas internal library for the developing the application.

Developed and documented common, reusable UI components with Storybook to develop the application.

Used web-based GIT repository manager with issue tracking features.

Extensively used Git for version controlling and regularly pushed the code to Git Hub.

Platforms Used: React, Redux, Next.js, Co-Pilot, Node.Js, NestJS, Bootstrap, HTML5, CSS3, Jest and Enzyme, GIT and Bitbucket, Java, Spring Boot, Spring MVC, RESTful APIs, Microservices, Maven.

Sr. Front-End / Full Stack Developer June 2023 – July 2024

Client: VW Group of America, Auburn Hills, MI, USA

Responsibilities:

Contributed to end-to-end architecture, implementation, testing and deployment of enterprise frontend and backend applications.

Worked on using React JS components, Forms, Events, Keys, Router, Animations and Flux concept.

Implemented client-side Interface using React JS and used various predefined components from NPM (Node Package Manager) and Redux library.

Implemented asynchronous API calls and state transitions using Redux Thunk for reliable data-driven React workflows.

Developed scalable React/TypeScript interfaces integrated with Node.js/Express.js, Java/Spring Boot microservices, PostgreSQL and MongoDB.

Used React Http service to make GET/POST/PUT/DELETE to deal with API request and response.

Involved in writing the test cases for the application using Junit, Mockito.

Created reusable React form and page components and implemented Next.js server-side rendering for initial page delivery.

Optimized frontend performance through lazy loading, code splitting and AWS CloudFront caching.

Hands-on experience with AG Grid in React applications, implementing table sorting, filtering, grouping, and reusable data-grid configurations.

Implemented server-side grids/server-driven data tables by integrating React UI components with backend APIs for pagination, sorting, filtering, and efficient data retrieval.

Optimized data-intensive UI workflows through efficient grid rendering, server-side pagination, filtering and responsive data loading.

Used Link tags and Routers in Next.js for routing between pages.

Implement different modules in Spring Framework like MVC, JDBC, ORM, and Transaction Management.

Worked with Spring JWT security, swagger configuration for designing, documentation, describe

the API’s. And implemented Web API to use OAuth2.0 with JWT (JSON Web Tokens) to secure the Web API Service Layer.

Proficient in writing Jest and enzyme and React testing library for writing unit and integration tests.

Designed and developed Java/Spring Boot microservices using Spring annotations and REST APIs to support modular, scalable backend capabilities.

Actively participated in agile daily scrum, Planning meeting, Back log grooming and sprint retrospective.

Worked on Enhancement stories and defect fixes.

Updated and maintained the code base version control system using Git.

Platforms Used: ReactJS, Redux, HTML5, CSS3, ES5, ES6, JavaScript, Next.js, GraphQL, Babel, jQuery, Webpack, JIRA, Jenkins, Swagger, Java, Microservices, Spring Boot, Spring MVC, PostgreSQL, MongoDB, Maven, Eclipse, and agile, AG Grid.

Front-End / Full Stack Developer Oct 2020 – May 2023

Client: Ford Motors

Dearborn, MI, USA

Description: Ford Global- Account is a global consumer account when user logged and landed into the application, user can view the dashboard owned vehicles and its VIN numbers, and also user can add/delete multiple vehicles if user want to update it. And user can store personal information and wallet information where user can add credit/ debit card details. And user can see the connected services where he can see the vehicles in the garage.

Responsibilities:

Worked on an Agile (Scrum) Development Team to deliver regular updates to business team and project managers.

Experience in Typescript features such as arrow functions, decorators, type restrictions, modules.

Created SPAs with React (v16) using hooks, Redux for state management.

Involved designing in web pages using HTML 5, CSS3, JavaScript, Bootstrap, SASS, LESS, React.js.

Delivered production-grade customer-facing features across the product development lifecycle, including scope analysis, application architecture, implementation, production deployment, and post-release support.

Used Vue.js to give full access to CSS within single-file components.

Implemented reusable React components and stand-alone functions to be added to any future pages.

Created AEM content fragments Models and content fragments to create portal announcements.

Worked and creating on AEM experience fragments and content authoring.

Used Invision this allows to create interactive mockups efficiently and simply for wireframes and designs.

Having CMS experience to seamlessly integrate content into client applications, ensuring optimal performance and user experience.

Deployed and hosted React applications on AWS Amplify, S3 + CloudFront ensuring high availability and low latency.

Integrated the sonar Lint (SonarQube) for code quality and code coverage for maintain the code standards.

Updated and maintained the code base version control system using Git.

Platforms Used: ReactJS, Redux, AEM, AWS, HTML5, CSS3, ES5, ES6, JavaScript, Jest, Enzyme, Cypress, SonarQube, Vue.js, Babel, jQuery, RESTful, Web pack, JIRA, Jenkins, Swagger, Micro services, Spring Boot, Spring MVC, MongoDB, PostgreSQL, Maven, Eclipse, and agile.

UI/Front-End Developer

Client: AT&T, Bothell, WA, USA Nov 2019 to Sep 2020

Responsibilities:

Designed the front-end applications, user interactive (UI) web pages using web technologies like HTML, XHTML, and CSS.

Designed Frontend with object-oriented JavaScript Framework like React.js/Redux and Experience with client-side templating like Handlebars.js.

JavaScript to handle the basic logics and bind the Event Handlers. Typescripts and web pack for web components.

Parse JSON response for overall view and description for various customers on the dashboard.

Used React.js in components like JSX, creating React components.

Used various plug-in in implementation to make it accurate and user friendly like bootstrap-date picker, jQuery-Full calendar, jQuery validation and data tables to keep application responsive.

Participated with end users and business analyst to understand the business requirements.

Platforms Used: Java, Spring boot, Micro Services, React.js, Redux, HTML5, CSS3, ES5, ES6, JavaScript, jQuery, RESTful, Web pack, JIRA, Jenkins and agile.

UI/Front-End Developer

Client: Century Link, Salt Lake City, UT, USA July 2018 to Oct 2019

Responsibilities:

Worked in an Agile Driven Environment to deliver regular updates to business teams, project managers.

Expertise on HTML5, CSS3, React and Bootstrap.

Worked on Responsive Web pages using Bootstrap, Restful API web development.

Experience in Typescript features such as arrow functions, decorators, type restrictions, modules.

Worked on React.js Virtual DOM and React views, rendering using components which contains additional components called custom HTML tags.

Optimizing API calls on the application for independent page load and cross browser multi resolution test.

Check API endpoint using POSTMAN tool to check for responses from the endpoint in passing required headers.

Used Jenkins as continuous integration and facilitating the technical aspects of continuous delivery.

Platforms Used: HTML5, CSS3, SASS/LESS, JavaScript, Typescript, React JS, Jest/Enzyme, GitLab, Web pack, Babel, JIRA, Jenkins

Front-End Developer August 2017 – May 2018

Client: CareFirst BlueCross BlueShield

Owings Mills, Maryland, USA

Responsibilities:

Developed Responsive web pages using Angular.js, HTML5, CSS3, jQuery, J2EE, JSON and JavaScript.

Used Angular.js to run the JavaScript code within the user’s web browsers to implement a reactive user interface (UI).

Actively participated in agile daily scrum, Planning meeting, Back log grooming and sprint retrospective.

Wrote client-Side code using Angular.js and used NPM (Node Package Manager) & gulp directories to generate the server environments.

Created our own Custom Angular 2 directives.

Worked on Enhancement stories and defect fixing.

Worked on Validating UI with Angular 2 Directives.

Used GitHub for code check-in and checkout.

Used tools ALM and JIRA for defect tracking and updating the status of defects.

Extensively worked on DOM manipulation using AngularJS, Node.js, JavaScript, and jQuery.

Platforms Used: Angular, HTML5, CSS3, ES5, ES6, JavaScript, jQuery, RESTful, Java, Web pack, Git and Node.js

Education: Masters in information systems and security from University of the Cumberland, KY, USA-2017.

Contact this candidate