-MADHUKAR

SR. REACT JS DEVELOPER

ad3msf@r.postjobfree.com

+1-984-***-****

PROFESSIONAL SUMMARY:

10+ years of overall experience with 8 years of experience as a senior React developer.

Highly skilled React JS developer with 8 years of experience in building robust and user-friendly web applications. I am seeking a challenging role to utilize my expertise in React JS, along with proficiency in Docker, JIRA, Slack, GitHub, GitLab, and CI/CD, to contribute to the success of a dynamic and innovative development team.

Strong expertise in web application development using modern JavaScript frameworks, libraries, and tools such as React.js, Next.js, React-hook, Redux, Thunk, Redux-saga, React Native, React-hook-form, storybook, Tailwind CSS, Material UI, Styled-Component, Typescript, GraphQL, Figma, and Invision.

Experienced in developing common components and documenting using Storybook to promote code reuse, enhance development efficiency, and ensure consistent user experiences across multiple projects.

Skilled in front-end development with HTML5, CSS3, and responsive design principles

I am proficient in writing unit tests using the Jest, Enzyme, and React Testing Libraries to ensure the quality and stability of React components and applications.

Experience in using build and deploy tools such as Jenkins and Docker for continuous integration.

I am skilled in defining and using interfaces and types in Typescript to create explicit contracts between different parts of the codebase, ensuring consistency and reducing runtime errors.

Proficient in utilizing TypeScript's advanced features, such as generics, decorators, and conditional types, to write more expressive and reusable code.

Expertise in conducting thorough code reviews, providing constructive feedback, and ensuring adherence to coding standards, best practices, and scalability principles to maintain a high-quality codebase.

Good experience in React JS for creating interactive UI’s using one-way data flow, virtual DOM, JSX, and React Native concepts.

Experience in Agile/Software Development Lifecycle (SDLC) right from information architecture, requirement gathering and analysis, documentation, wireframes, style guides, look-and-feel, and final layout to maintenance of proposed applications.

Proficient in utilizing collaboration software tools such as JIRA, Slack, Rally, and Microsoft Teams to effectively communicate and collaborate with distributed teams, track project progress, manage tasks, and ensure smooth coordination.

Continuously learning and staying up-to-date with the latest trends and best practices in modern frontend development, CI/CD methodologies drive innovation and deliver cutting-edge solutions.

TECHNICAL SKILLS:

React Js, Next Js

Redux, Thunk, Redux-Saga,

Jest, Mocha, Chai, testing-library

Typescript, Graphql, REST

Webpack, Babel

Material UI, Tailwind CSS

Figma

Gitlab, GitHub

JIRA, Slack, Agile Methodologies

PROFESSIONAL EXPERIENCE:

CLIENT: COX AUTO INC. Remote AUG-2021 – PRESENT

Role: Senior React Developer

Responsibilities:

Project Description: Cox Automotive Mobility specializes in comprehensive fleet services and operations. They provide a SaaS solution for the customers to keep fleets moving safely and sustainably for the next generation. Maximize fleet uptime with the premier partner in maintenance service. Manage scheduled and emergency maintenance.

The project is to develop an interface for customers to manage vehicle information, schedule preventative maintenance, define an automated service schedule, generate reports and analytics, etc.

Key Result Areas:

Developed scalable and responsive web applications using React, Redux, Thunk and React Router, Next Js, NodeJS, Js, jQuery.

Developers use ESLint to ensure that their code adheres to the established coding standards and best practices.

ESLint identifies issues in the codebase; developers are responsible for fixing them and making the necessary adjustments to comply with the rules.

ES6 should have to ensure the successful development and delivery of high-quality web applications using the latest features and syntax of the JavaScript language.

Working with ECMA Script 6 features for the build of JSX and ES2015 (ES6), we used Babel and Webpack.

A UI/UX designer is responsible for developing the user interface of websites or web applications. They use Sketch designs to write HTML, CSS, and JavaScript code for Node.js.

Optimizing web page performance by utilizing Next.js features like automatic code splitting and efficient data fetching.

Extending React applications with server-side rendering and enhanced performance using Next.js features.

Write testable code and design React components with testability in mind to facilitate testing using Enzyme.

Collaborate with QA engineers to define test requirements and implement testable features for Enzyme.

Effective collaboration and communication are essential in React with Next. js.

Implementing user interfaces using React and Next.js.

Execute and analyze test results, reporting, and tracking issues with the help of Cypress.

Develop robust and efficient test scenarios to validate the functionality of web applications.

Creating interactive and responsive web applications using JavaScript, HTML, and CSS, React 18.

Building user interfaces and improving the user experience through client-side scripting.

Use React JS18, class, and functional components (including hooks) in JSX, which combines HTML and JavaScript.

Implementing clean, maintainable, and efficient code using JavaScript, HTML, CSS, and jQuery.

Collaborated with cross-functional teams to gather requirements, design solutions, and implement features.

Writing and maintaining complex JavaScript code for large-scale applications

Optimizing code for performance and scalability.

Implemented state management using Redux, ensuring efficient data flow and predictable application behavior.

Set up and configure the build process to compile LESS files into regular CSS.

Use LESS variables to store and reuse values such as colors, font sizes, and spacing.

Write and maintain end-to-end test scripts using Playwright that can run on multiple browsers.

Ensure that web applications are compatible with different browsers by testing with Playwright across supported browsers.

Keep test scripts up-to-date with changes in the application and Playwright updates.

Optimize scripts for better performance and maintainability.

I worked closely with backend developers to integrate frontend components with RESTful and GraphQL APIs, ensuring smooth data flow and optimal functionality.

Participated in code reviews, providing constructive feedback, and ensuring adherence to coding standards.

Collaborated with the QA team to identify and resolve bugs and performance issues through comprehensive testing.

Utilized JIRA for project management, tracking tasks, and ensuring timely completion of deliverables.

Actively participated in Agile/Scrum methodologies, contributing to sprint planning, daily stand-ups, and retrospectives.

Designed and implemented reusable components and libraries; documented those using Storybook, improving code reusability and reducing development time.

Refactored class components into functional components, utilizing useState, useEffect, useContext, and other hooks as appropriate to manage state, side effects, and context.

Implemented custom hooks to encapsulate reusable logic and promote code reusability across different parts of the application.

I worked on using React native components, forms, events, keys, navigation, and Redux concepts.

Retrofit codes to use typescript.

Perform code deployment for release as well as hotfixes utilizing the Terraform scripts written by the infrastructure team.

Provision and manage cloud resources (e.g., AWS) using Terraform. Provision and manage cloud resources (e.g., AWS) using Terraform.

Collaborate with the Terraform team to integrate front-end components with the underlying infrastructure.

As a developer, I work closely with other team members, such as designers, backend developers, and product managers, to deliver a cohesive product.

Setting up pipelines to automate building, testing, and deploying the React application.

Making sure all interactive elements are navigable and usable using keyboard input only.

Implemented automated and manual accessibility components meet WCAG (Web Content Accessibility Guidelines) standards.

Specialized role focusing on TypeScript development.

Work on user experience (UX) and user interface (UI) design, using TypeScript for interactivity and functionality.

Conduct testing and debugging of ad placements to ensure proper functionality and alignment with Google Ad Manager guidelines.

Ensure proper integration of Google Ad Manager tags and ad slots within the React application.

Integrate assets exported from Figma (images, icons) into the React application.

Ensure the implementation aligns with design guidelines and specifications using design tools like figma and similar tools.

Ensuring that focus indicators are visible and properly styled for keyboard users.

Effective problem-solving often involves clear communication between roles, understanding of the overall system, and a willingness to learn and adapt.

Ensure that their code passes all tests before pushing or merging.

Use debugging tools to identify and fix issues in their code.

Developing and integrating with APIs using Next.js API routes or third-party services.

Ensuring data flows correctly between the front-end and back-end services.

Implementing efficient and user-friendly routing using the built-in Next.js router.

Handling client-side navigation and page transitions.

Ensuring that the application is robust, with adequate error handling and recovery paths.

Media queries were used for integrating dashboard components like the sidebar and adjusting the UI for various screen sizes.

Using CSS frameworks, such as Bootstrap, to create responsive dashboard elements, such as Header,

Content Area, widgets.

Incorporating responsive design using a media query in a React dashboard.

creating the application's user interface, design, develop, and optimize React components, guaranteeing a seamless user experience with AWS.

Providing support for the deployed React application and AWS services.

Implement voice and video calling functionality using Twilio Programmable Voice and Video services.

Collaborate with designers to create a user-friendly interface for Twilio features. Ensure that the integration is seamless and aligns with the overall design and user experience goals.

I worked on Jenkins for continuous integration by pulling up the code from version control tools like GIT.

Use functional JavaScript to develop front-end applications.

Implement user interfaces following functional programming practices using functional.js.

Collaborate with UX/UI designers to create visually appealing and user-friendly interfaces with functional.js.

Ensure cross-browser compatibility and responsiveness with the help of functional.js.

functional.js Integrate front-end components with back-end services.

Work with functional libraries like React and Redux.

I extensively worked with version control systems like GIT and supported continuous integration and continuous deployment (CI/CD) using Jenkins.

Developed UI components for email and link sharing of documents and files for a content management system using React Promises.

Design serverless architecture patterns, including the use of AWS Functions and App Service for React applications.

Implement Redis for caching and key-value storage. Configure and manage data persistence strategies.

Develop React applications following best practices, ensuring responsiveness, and integrating with serverless components.

Test the application on different browsers regularly to identify and address any rendering or functionality issues specific to each browser (Safari, Chrome, and Edge).

Common linting tools include ESLint for JavaScript.

Linters can be integrated into build processes, IDEs, or code editors to provide real-time feedback to developers.

Effective communication, collaboration, and alignment among team members are crucial for successful DevOps practices in React development projects.

As React developers, we are responsible for creating accessible React components and ensuring a positive user experience for NVDA users.

DevOps engineers design and implement CI/CD pipelines for React applications to automate build, test, and deployment processes.

The DevOps team monitors application and infrastructure health, performance, and availability using monitoring tools like Datadog.

Implement DevOps strategies and best practices for React development projects.

DevOps engineers collaborate with stakeholders to prioritize tasks and allocate resources effectively.

As a DevOps member, I coordinate cross-functional teams to achieve project goals.

CLIENT: STATEFARM, Richardson, TX MAR-2020 – AUG-2021

ROLE: SENIOR REACT DEVELOPER

Responsibilities:

Project Description: AQP (Auto Quote purchase) is automatic quotation management platform from state Farm, enabling its users to explore, prepare, submit, negotiate, and purchase different insurance product, like auto insurance, home insurance, medical insurance, etc.

Front-end developed in React JS, some user faced pages are written in plain JSP and backend apis are developed with Spring based framework.

Key Result Areas:

Developed React.js components and implemented them into the web applications, improving user interactivity and responsiveness.

Implemented state management using Redux, ensuring efficient data flow and application performance.

Utilized React Router for creating dynamic and seamless navigation within single-page applications.

Integrated RESTful APIs with React.js and NextJs applications, facilitating data retrieval and synchronization with server-side components.

Employed modern JavaScript frameworks and libraries, such as Axios and Lodash, to streamline development processes.

Conducted unit testing and integration testing of React.js components, ensuring high-quality and bug-free code.

Utilized version control systems, such as Git, to manage source code and streamline collaboration within the team.

Maintained JSP pages, ensuring adherence to industry standards and an optimal user experience.

Actively participated in continuous learning, staying updated with the latest React.js trends and best practices.

Communicate with the electron main process using IPC (inter-process communication) mechanisms.

Utilize Electron APIs for accessing native desktop features such as file systems, dialogs, notifications, etc.

Implement and maintain a cross-platform desktop application with a modern and responsive user interface powered by React and enriched with native desktop capabilities provided by Electron.

Utilizing Next.js built-in code splitting and lazy loading features.

Developed web pages to comply with Web Content Accessibility Guidelines (WCAG) and the ability to apply W3C web standards, including NVDA tools.

Consume data from backend APIs (implemented in Rails) using asynchronous requests.

Handle Rails data retrieval and manipulation on the frontend.

Monitoring and improving front-end performance metrics.

Writing, testing, and deploying code to Azure.

Integrate React applications with Azure services, APIs, and backend systems.

Collaborating with other teams on application architecture.

Design and implement CI/CD pipelines for React applications using tools like Jenkins, GitLab CI/CD, or the GitHub Actions part of DevOps.

Design serverless architecture patterns, including the use of Azure Functions and App Service for React applications.

Integrate React applications with Azure services, APIs, and backend systems.

CLIENT: FIDELITY INVESTMENTS, Durham, NC JUN-2019 – MAR-2020

ROLE: SENIOR UI DEVELOPER

Responsibilities:

Project Description: Working on ReactJS-based web applications providing user interface for different functionalities like the PI-Login Experience, 2FA, Security Center, and NUR related to the user security of Fid.com. Additionally, we are working on the inactivity timeout and DBS (Delegated Brokerage Service) enhancements, DAE, dashboards that are part of Fid.com, and moving applications on-premises to AWS.

Key Result Areas:

Communicating with stakeholders to understand their needs and requirements.

Incorporated React Hooks with a gradual adoption / migration strategy.

Migrated major class-based containers to Redux-connected functional component containers, allowing for compatibility with newer functional component libraries, while introducing react-redux hooks into newer containers to maintain React Redux global state management.

Use Polymer, ES6, NextJS, Typescript, ReactJS, and the Redux framework for binding, DOM model linking, and view model underlaying data and behaviors.

Worked on GIT as a version control. Utilized NPM scripts for build and test environments in a Node.js application.

Designed new, modular, Ul components to be used/documented in our interactive pattern library using Pattern Lab & React Storybook

Developed responsive client-side application using JavaScript, React, Node. js, and Bootstrap, Material Ui.

Use CSS Grid or Flexbox for layouts when creating responsive react dashboards.

creating the application's user interface, design, develop, and optimize React components, guaranteeing a seamless user experience with Azure.

CLIENT: FORD, Dearborn, MI DEC-2018 -MAY 2019

ROLE: UI DEVELOPER

Responsibilities:

Project Description: SYNC is an integrated in-vehicle communications and entertainment system embedded in Ford and Lincoln vehicles. SYNC handles all of the commands sent from an App Link application and delivers the intended message inside the vehicle. All UI including commands, display requests, vehicle data authorization, and responses are managed by the SYNC system on behalf of the mobile application and communicated over App Link.

Key Result Areas:

Developed high-performance web applications using JavaScript, HTML5, CSS, React Js, and Redux.

Developed the application logos and images by using Adobe Photoshop CS3 and Illustrator.

Built a high-performance, reusable code library for UI and backend components.

Involved in dealing with CSS and SCSS animations, Backgrounds, Layouts, Positioning, Text, Border, and Padding.

Involved in reworking on single-page applications using React, Redux, React-Router, Bootstrap.

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

Working with ECMA Script 6 features. For build of JSX and ES2015(ES6) used Babel, webpack.

Experienced in working with NodeJS and NPM modules.

Implemented React container and presentational components (as Stateless and Functional components when applicable).

My primary responsibility is to build user interfaces that are functional, visually appealing, and user-friendly. I need to work with other developers, designers, and stakeholders to ensure that the interfaces meet the needs of the users.

React/Redux is widely used in building interactive and scalable user interfaces for web applications.

Implemented routing for all the components developed. created and injected reducers in store and worked on Third party Library.

Develop web applications using Angular framework.

Implement responsive and dynamic user interfaces.

Integrate with backend services and APIs using HTTP services.

Handle data retrieval and manipulation.

Next.js should be skilled in React, JavaScript, CSS, and HTML, with experience in building and optimizing web applications using Next.js.

The Front-end developer will be responsible for designing and implementing front-end components that are optimized for performance, accessibility, and usability.

Git and Bitbucket are tools that require collaboration between multiple roles. Developers commit code changes, repository owners manage the Git repository, reviewers ensure that code changes adhere to standards, project managers oversee the project, system administrators manage the servers, and QA testers test the software. By working together effectively, these roles ensure that the software development process is efficient and produces high-quality code.

In Agile Development Team is responsible for designing, developing, testing, and delivering the product. They are self-organizing and cross-functional, meaning they work together to complete tasks and achieve the sprint goals. The team is responsible for estimating the effort needed to complete the tasks and determining the best approach to solve the problem.

Used Jenkins and Docker to run automation tests and deploy them to Development.

Involved in the development of programming user interface design and front-end (HTML) for the web application using HTML, Typescript & CSS to the requirements of the client.

CLIENT: IBM, San Jose, CA APR 2016- DEC-2018

ROLE: SR. UI/ REACT DEVELOPER

Responsibilities:

Project Description: The IBM Quantum Experience launched in May, giving researchers, students, and enthusiasts cloud-based access to an experimental quantum computing platform. As computing moves beyond the classic binary system, bits with infinite positions will unlock infinite possibilities. Platform users can learn quantum principles, experiment with new algorithms, and more.

Key Result Areas:

Created web pages using HTML5, CSS3, JavaScript, jQuery, Ajax.

Involved in complete SDLC life cycle – Designing, Coding, Testing, Debugging, and Production Support.

Created and maintained the framework and layout of each portal with Cascading Style Sheets (CSS) and SASS, Webpack build in tools.

Handle events in React components using Coffee Script syntax.

Use Coffee Script’s module system to organize and encapsulate code.

Experience with Node.JS, Bootstrap JS. Responsible for developing the partner Homepages using HTML5, CSS3, JavaScript, React JS, Node JS, and jQuery, SCSS.

Used Object Oriented Programming concepts to develop UI components that could be reused across the Web Application.

Used Grunt as a task runner to test the JavaScript with JS hint.

Experience of working on CSS Preprocessors like LESS and SASS along with JavaScript task runners like Grunt JS.

Experienced in using the NPM module for managing UI dependency.

Built Web pages that are more user-interactive using JQUERY plugins for Drag and Drop, JavaScript, Bootstrap.

Experience in Node.js and Java script development.

Write unit, integration, and end-to-end tests using tools like Jest, Mocha, Jasmine, Enzyme etc.

Works in using React.js components, Forms, Events, Keys, Router, Animations, and Flux concept.

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

As a React developer working with Docker containers, your main responsibilities are centered around ensuring that your application is deployed securely and efficiently using containerization technology.

Developed the flux pattern by using the redux framework as a core dependency.

Used React Router for routing the redux app to connect redux and react to support routes.

CLIENT: BENCH TECH SOFTWARE PVT LTD, BENGALURU, INDIA JAN-2013 – DEC-2015

ROLE: UI DEVELOPER

Responsibilities:

Project Description: Ben Tech offers full-service technology support from the switch to wire, wire to Wi-Fi, server to desktop, cloud to the employee, employee to productivity. Benjamin Keith brings 20+ years of technical knowledge, professionalism, and business experience to you.

Key Result Areas:

Used HTML5, and CSS, JavaScript for front end web designing.

Develop end-to-end solutions for web applications, including both frontend and backend components, using Java 1.8, Spring Boot, and frontend technologies such as HTML, CSS, JavaScript.

Design and implement RESTful APIs and integrate them with frontend interfaces to enable seamless data exchange and interaction between client and server using Java 1.8.

Collaborate with UI/UX designers to create responsive, user-friendly interfaces and ensure consistent user experience across different devices and browsers.

Used the functionalities to write code in HTML5/HTML, CSS3/CSS, JavaScript, jQuery, JSON, and Bootstrap.

Involved in dealing with CSS animations, Backgrounds, Layouts, Positioning, Text, Border, and Padding.

Deployment of web, enterprise Java components, messaging components and multi-threading.

Implemented various Validation Controls for form validation and implemented custom validation controls with JavaScript validation controls.

Performed Unit testing using Jasmine and Karma.

2012 BTECH IT Scient Institute of Technology

2017 MS CSE Chicago state University

Contact this candidate