Frontend Developer Web Applications

Name: Ravi Kumar

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

Phone: 469-***-****

LinkedIn: https://www.linkedin.com/in/ravikumarp409/

Professional Summary

Over 6 years of experience as a Frontend Developer, specializing in ReactJS, Angular and modern UI technologies.

Delivered high-impact solutions for clients in banking, retail, and healthcare domains, with a strong focus on frontend development and cloud integration.

Proficient in AWS and Azure, with hands-on experience in building scalable, responsive, and user-friendly web applications.

Strong design and development skills with a focus on React, Angular, JavaScript and Typescript. Experienced in implementing Redux, NgRx and JWT.

Expertise in state management using Redux, NgRx and context API, ensuring seamless data flow across applications.

Familiar with React Props, and Lifecycle methods, having implemented various screens for the front end using React and React Hooks.

Developed and maintained multi-tier web applications using React, Redux, and JavaScript for enterprise-level clients.

Designed and implemented responsive UI/UX for customer-facing dashboards using React.js, HTML5, CSS3, SASS, and Bootstrap to enhance accessibility and cross-browser compatibility.

Migrated legacy JavaScript/jQuery applications to React-based architecture, improving performance and maintainability.

Strong understanding of OOP principles, Design Patterns (Singleton, Factory, Observer, MVC), and SOLID principles.

Experience in developing Microservice to provide Rest API utilizing Spring Boot with various data persistence frameworks such Hibernate, JPA and messaging engines.

Proficient in Node.js with ES6+ features, including Promises, Async/Await, Event Loop, and Streams.

Skilled in cross-browser compatibility, responsive web design, MERN/ MEAN Stack development, version control (GitHub, SVN), and working with various IDEs (Eclipse, Atom, Visual Studio Code).

Strong understanding of data structures and algorithms, including collections (lists, dictionaries, sets, tuples), recursion, and multi-threading.

Strong knowledge of Typescript for type-safe development and GraphQL for efficient data fetching.

Skilled in creating reusable UI components using Material-UI, Tailwind CSS, and Storybook.

Experience in optimizing application performance through lazy loading, code-splitting, and caching strategies.

Proven ability to integrate multi-cloud solutions using AWS Lambda, Azure Functions, and RESTful APIs.

Adept at conducting unit and integration testing using Jest, Cypress, Karma, Jasmine and React Testing Library.

Strong individual contributor with a track record of mentoring junior developers and driving innovation.

Core Competencies

Frontend Development: ReactJS, Angular, Redux, NgRx, JavaScript (ES6+), Typescript, HTML5, CSS3, SASS, Bootstrap, Material-UI, Tailwind CSS, Storybook

Programming Languages: C, Java, Python

Cloud Technologies: AWS (S3, Lambda, EC2, Cloud Front), Azure (App Services, Blob Storage, Functions)

Integration Tools: RESTful APIs, GraphQL, Web Socket, AWS API Gateway, Azure API Management

Testing Tools: Jest, Enzyme, Cypress, React Testing Library

Version Control: Git, GitHub, Bit bucket

Performance Optimization: Lazy Loading, Code-Splitting, Caching Strategies

UI/UX Design: Responsive Design, Accessibility (WCAG 2.1), Pixel-Perfect Implementation

DevOps: CI/CD Pipelines, Docker, Jenkins, Terraform

Security: JWT-based Authentication, Multi-Factor Authentication (MFA), Data Encryption

Professional Experience

UI React Developer - Austin, TX

Client: Truist Bank Feb 2024 – Present

Responsibilities:

Built a secure online banking portal using ReactJS and Typescript for type-safe development.

Integrated Tailwind CSS with ReactJS to build a highly customizable and maintainable UI component library.

Utilized React Hooks (use State, use Effect, use Memo, use Reducer, use Ref) to efficiently manage state and lifecycle events.

Created custom reusable React component libraries, including elements like Buttons, Dropdowns, Modals, and Form Inputs, ensuring design consistency across applications.

Designed and implemented Multi-Level Dropdowns, Dynamic Forms, and Interactive UI elements using React, ensuring high usability.

Implemented a global state management system using Redux Toolkit and Typescript. Defined action payloads and reducers using Typescript interfaces to improve type inference and avoid unexpected state mutations.

Utilized CSS media queries to create adaptive layouts and ensure optimized viewing experiences for different resolutions and orientations.

Built a custom hook use Fetch<T> that accepted a generic type of parameter, making it reusable for different API calls. This ensured that data fetched from various endpoints adhered to their respective Typescript interfaces.

Implemented server-side rendering (SSR) using Next.js to improve SEO and page load performance.

Improved application performance by implementing React. Memo, use Call-back, and use Memo to reduce unnecessary re-renders.

Created normalized relational database schemas in PostgreSQL and MySQL to minimize redundancy and improve data integrity.

Developed middleware solutions using Redux Thunk and Redux Saga to handle side effects and async operations.

Integrated React Router for client-side navigation and optimized route-based code splitting.

Designed and implemented a custom design system using Tailwind CSS, enabling consistent branding across the application.

Developed and optimized pixel-perfect, mobile-first responsive designs using Flexbox, Grid, and media queries, ensuring seamless experience on desktops, tablets, and mobile devices.

Designed and built reusable UI components using Material-UI and Storybook, improving development efficiency by 25%.

Utilized React Portals for rendering modals and tooltips outside the DOM hierarchy, improving accessibility.

Implemented multi-step forms and dynamic form generation using ReactJS and JSON Schema.

Optimized application performance by implementing lazy loading and code-splitting techniques, reducing initial load time by 40%.

Used microservice architecture, with Spring Boot-based services interacting through a combination of REST and MQ or Apache Kafka message brokers and leveraging AWS to build, test and deploy microservices.

Used Spring Core Annotations for Dependency Injection Spring DI and Spring MVC for REST API s and Spring Boot for microservices.

Developed dynamic data visualization dashboards using D3.js, Chart.js and Recharts to display complex analytics in a user-friendly manner.

Implemented RESTful API integration using Axios and Fetch API while adhering to HTTP standards, CORS, and security best practices.

Developed Python scripts for automating daily tasks like log file parsing, data extraction, and report generation, reducing manual effort by 70%.

Deployed React applications on AWS S3 for static hosting and CloudFront for CDN-based global content delivery.

Set up custom domains with Route 53 and automated deployment pipelines using AWS Amplify and Code Pipeline, enhancing the CI/CD workflow.

Configured AWS API Gateway and AWS Lambda using Terraform for seamless integration with backend services, enabling TypeScript-based React apps to consume REST/GraphQL APIs efficiently.

Utilized AWS Cognito for user authentication and RDS (PostgreSQL/MySQL) for secure and reliable database management.

Developed unit and integration tests for React components using Jest and React Testing Library, ensuring UI consistency and logic validation.

Covered key scenarios like form handling, state management, API mocking, custom hooks, and Redux interactions.

Used Cypress intercept to mock GraphQL and REST API responses, enabling deterministic and fast tests without relying on backend availability.

Integrated AWS AppSync for real-time data synchronization across devices, ensuring seamless updates in the React UI.

Collaborated with backend teams to integrate RESTful APIs and GraphQL endpoints for real-time data fetching.

Wrote unit and integration tests for React components using Jest and React Testing Library, ensuring component functionality, UI consistency, and proper interaction with APIs.

UI Developer/ Front End Engineer - India

Client: Target Jun 2019 – Jun 2022

Responsibilities:

Created modular and reusable components to ensure a responsive and user-friendly interface, implementing features such as Join, renew, Upgrade, and user authentication using ReactJS, Redux-saga, React Hooks, React-Router, JavaScript, HTML5, CSS3, and SASS.

Developed reusable React components using TypeScript interfaces and generics for better type safety and scalability.

Utilized React HTTP Request to read data from web services and process JSON data for rendering in UI, extensively used React forms and filters for search functionality.

Worked on React virtual DOM, React Hooks, Components, Forms, Events, Keys and React Router, Animations and Flux concept.

Implemented Redux Toolkit with TypeScript, defining strong types for actions, reducers, and store to maintain consistency in global state management

Developed dynamic, form-based components for user registration, product customization, and checkout using React's controlled components, managing form state with React hooks and validation logic.

Integrated RESTful APIs and GraphQL endpoints with TypeScript, using Axios and Apollo Client, ensuring type safety for request and response data structures.

Implemented server-side logic using Node.js, creating RESTful APIs to handle data interactions between the frontend and backend. Leveraged Express.js for efficient routing and middleware management.

Implemented CI/CD pipelines using Jenkins and Docker to automate build, test, and deployment processes.

Implemented ES6+ features such as arrow functions, async/await, destructuring, and modules to write clean, maintainable, and modern JavaScript code.

Optimized front-end performance using React. Memo, lazy loading, and dynamic imports to ensure a fast, seamless user experience.

Developed RESTful APIs and microservices using Node.js, enabling seamless communication between the front-end React application and various databases and services.

Implemented server-side logic to handle complex business requirements, ensuring that the Node.js backend could efficiently process data, handle requests, and manage resources.

Designed flexible and fluid layouts using CSS Grid and Flexbox to handle complex responsive web design challenges efficiently.

Wrote unit tests for React components using Jest and end to end testing using Cypress.

Leveraged Tailwind’s utility-first approach to create custom designs without writing custom CSS, reducing development time by 20%.

Wrote scripts for bulk data processing in CSV, JSON, and XML formats, handling millions of records efficiently using Pandas and NumPy.

Integrated MongoDB with Node.js applications to provide a flexible data layer that supported unstructured data storage.

Implemented an event-driven architecture to manage asynchronous operations, improving performance in I/O-heavy applications.

Integrated AWS Amplify with React for managing authentication, API calls, and real-time data synchronization, streamlining user sign-in, registration, and access control within the Target web app.

Created Terraform modules to provision AWS CodePipeline and GitHub Actions for automated builds, tests, and deployments of TypeScript-based React applications.

Created RESTful APIs using AWS API Gateway connected to AWS Lambda functions to handle complex business logic and real-time product data requests.

Worked with JSON APIs, WebSockets, and AJAX calls for real-time data fetching, ensuring high responsiveness and smooth UI updates.

Implemented end-to-end (E2E) tests using Cypress to simulate real-world user interactions including login, checkout, and dashboard workflows.

Automated component testing during CI/CD workflows using GitHub Actions and AWS CodePipeline, reducing manual QA efforts.

Used AWS AppSync to implement GraphQL-based data handling for real-time product updates and user cart synchronization, allowing customers to receive live product availability notifications.

Built and maintained CI/CD pipelines with AWS CodePipeline and AWS CodeBuild to automate the deployment process for React apps, improving the development lifecycle and reducing deployment errors.

Integrated backend data processing with front-end UI using APIs and GraphQL for optimized data fetching.

Integrated monitoring tools like Splunk and Grafana to track application performance and detect errors across both frameworks. Used Log Rocket for debugging React application issues in production.

Web UI developer, India

Client: Healthcare solutions Jul 2017 – May 2019

Responsibilities:

Designed and developed responsive web applications using Angular for healthcare-related functionalities, ensuring cross-browser compatibility.

Implemented Angular Components, Directives, and Pipes to build reusable and maintainable UI components for healthcare dashboards and forms.

Utilized Angular’s HTTP Interceptors to handle authentication tokens and implement retry logic for API calls during network failures.

Consumed RESTful APIs using Http Client Module in Angular to fetch, post, and update data.

Developed dynamic and interactive user interfaces with Angular templates, data binding, and dependency injection to improve patient data management systems.

Created dynamic and complex healthcare forms using Reactive Forms and Template-Driven Forms, integrating form validations for data integrity and regulatory compliance.

Developed services in Angular to handle API calls and implemented HTTP Interceptors for token-based authentication and error handling.

Used RxJS and Observables for handling asynchronous data streams, enhancing real-time updates for appointment scheduling and medical record tracking.

Used NgRx for state management to streamline data sharing across different components and optimize application performance.

Ensured cross-browser compatibility and W3C compliance by following HTML5, CSS3, and WCAG accessibility standards.

Worked in Agile Scrum teams, participating in daily standups, sprint planning, backlog grooming, and retrospective meetings.

Deployed Angular applications on Azure App Services, enabling seamless integration with other Azure services for secure and scalable deployment.

Integrated Azure SignalR Service to implement real-time data synchronization between the Angular front-end and backend systems, ensuring up-to-date patient information and real-time updates for users.

Implemented Azure Active Directory (AAD) for secure user authentication and role-based access control, ensuring compliance with healthcare data privacy regulations.

Wrote complex SQL queries, stored procedures, and triggers for data manipulation in Oracle and MySQL databases.

Implemented dark mode and theme switching functionality using CSS variables and SCSS.

Wrote and executed unit tests using Jasmine and Karma to validate component logic, service functionality, and data bindings.

Education:

Masters in CS from Lamar University, 2023

B. Tech in CSE from SNIST, 2018

Contact this candidate