Home

Ravi Kumar - UI Developer

[email protected]

Location: San Antonio, Texas, USA

Relocation: Yes

Visa: GC

Ravi Kumar Reddy Pinnapreddy [email protected] Ph: +1 (469) 269-2571 LinkedIn: www.linkedin.com/in/ravikumarreddypinnapreddy UI Developer SUMMARY A UI Developer with 8+ years of experience specializing in React framework, proficient in developing web applications using HTML5, CSS3, JavaScript, jQuery, React, Node JS, Express JS, JSON, Bootstrap, Java, and REST/SOAP web services. Strong design and development skills with a focus on React framework and TypeScript. Experienced in implementing Redux and JWT. Experienced in a Continuous Integration and Test-Driven Development approach, with expertise in AWS Cloud platform and Agile Scrum development. Familiar with React Props, and Lifecycle methods, having implemented various screens for the front end using React and React Hooks. Skilled in cross-browser compatibility, responsive web design, MERN Stack development, version control (GitHub, SVN), and working with various IDEs (Eclipse, Atom, Visual Studio Code). Adept at multi-threaded and asynchronous server development, collaborating on RESTful APIs, and providing technical support, training, and server configurations. Well-versed in full-stack development in NodeJS. Expertise in building server-side applications and APIs using Node.js. Implemented GraphQL APIs for efficient data retrieval and manipulation, enhancing performance and flexibility. Experienced in developing distributed/scalable systems, integrating with JSON/Restful APIs, and all phases of SDLC, including Mobile Development. Expertise in various testing methodologies, including Automated, Manual, Progression/Regression, and Exploratory testing, along with Test Management, Defect Management, and reporting/tracking. SKILLS Application/Web Servers AWS, Web Logic 10.3/ 8.1, JBoss 5.0/4.2, Tomcat 7/8 IDE Tools Visual Studio Code, Web Logic Workshop, Eclipse, IntelliJ Web Technologies JQuery, JavaScript, React 14+, React JS, HTML, HTML5, CSS, AJAX, JSON, Bootstrap, Node.js, D3.js, Backbone.js, Express.js, Knockout.js Databases MySQL, PL SQL (Oracle), SQL Server, MongoDB Version Controls GIT, ClearCase Graphic Editors Adobe Photoshop Adobe Illustrator Methodologies Agile, Waterfall, TDD EXPERIENCE Client: Credit One Bank, Nevada Role: Sr. Front End Developer/UI Developer Jan 2023 to till now Responsibilities: Implemented React router to enhance navigation and user experience in the SPA. Utilized HTML, CSS, JavaScript, TypeScript, and React 12/14/16 for modern UI design. Collaborated with Design and QA teams to create client-facing products with interactive modules using HTML5, CSS3, Bootstrap, React, Typescript, and JavaScript. Implemented state management techniques with Redux to synchronize data across components and ensure real-time updates. Worked in an Agile (Scrum) Development Team, delivering regular updates. Defined site layout and wireframes using Adobe Illustrator. Collaborated with cross-functional teams to integrate web hooks into React-based applications, improving real-time data exchange. Developed wireframes for responsive UI pages using JavaScript, MVC, and frameworks like jQuery and Kendo UI. Used Bootstrap and React framework for efficient UI development. Integrated serverless components using AWS Lambda for enhanced scalability and cost-effectiveness. Deployed and scaled React applications on EC2 instances for optimal performance. Optimized React components to efficiently handle incoming data from web hooks. Worked with UX/UI designers for dynamic content updates triggered by web hook events. Implemented search functionality using Backbone.js for Internal Applications. Integrated with third-party platforms like D3.js, resolving cross-browser compatibility issues. Implemented backend services using Node.js and Express.js, handling RESTful APIs and GraphQL endpoints for efficient data retrieval and manipulation. Designed and optimized GraphQL schemas and resolvers to streamline data fetching and manipulation processes. Performed RESTful API calls and consumed responses with React HTTP Client API service. Used JSON Web Tokens (JWT) for secure login authentication and authorization. Integrated API endpoints with React components, supporting web pages in other programming languages like Vue.js. Implemented interactive data visualization with D3.js. Applied animation effects during data load using jQuery. Wrote application-level code to interact with Restful Web APIs and Web Services using Ajax, JSON, XML, and jQuery. Created reusable components, two-way data binding, directives, pipes, routing, route guards, validation, and user authentication. Created and maintained automated test scripts with Cypress for web application end-to-end testing, which reduced the amount of manual testing by thirty percent. By employing Redux or the Context API for state management, I've ensured a seamless flow of data and actions throughout the application. Integrated the React Material library for user-friendly and functional components. Environments: React 12/14, React, JavaScript, TypeScript, RxJS, ES6, SCSS, D3.js, HTML5, jQuery, AWS, Ajax, Bootstrap. Client: Best Buy, VA Role: Front End Developer/UI Developer Feb 2021 to Dec 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. Ensured responsive design for the application, making it accessible across various devices, collaborating with UI/UX designers to enhance the overall user experience, focusing on intuitive navigation and visually appealing interfaces. Developed frontend components using ReactJS for a dynamic and responsive user interface, integrating Redux to efficiently manage the state of the application. Integrated TypeScript to enhance code quality, provide static typing, and improve developer productivity, ensuring smooth migration from JavaScript to TypeScript for existing components. Implemented server-side logic using Node.js, creating RESTful APIs to handle data interactions between frontend and backend, leveraging Express.js for efficient routing and middleware management. Managed the development and deployment of a cloud-native application on GCP, resulting in a 30% increase in user engagement and a 20% increase in revenue. Implemented a CI/CD pipeline using Jenkins and Cloud Build, reducing software release times by 50% and minimizing production issues by 30%. Exclusively utilized React hooks to handle application life cycle processes, and maintained high-level expertise in React state management strategies, including Redux, Redux Persist, and Redux-Saga. Developed interactive modules in the application using HTML5, CSS3, Bootstrap, React, and JavaScript, maintaining self-contained, reusable, and testable modules and components. Worked on developing Restful Services, consuming them to retrieve JSON objects, and modifying response objects for display in UI, integrated third-party APIs and services for features like data retrieval and notifications. Implemented unit tests and end-to-end tests using testing frameworks like Jest and Cypress and conducted thorough testing to identify and address bugs. Implemented drag-and-drop functionality using React-Draggable and maintained React components to seamlessly integrate with webhooks for real-time data updates. 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. Jenkins and GitLab CI were used to integrate Cypress tests into the CI/CD pipeline, enabling automated testing as a step in the product delivery process. Tested cross-browser functionality and fixed major layout bugs, implemented professional and production- quality module systems with Node.js, and managed JavaScript packages using npm. Called Restful web service calls for POST, PUT, DELETE, and GET methods, developed CSS3 to style page layouts, navigation, and page-loading spinner. Environment: React 12, React, Node.js, Redux, JavaScript, TypeScript, ES6, AWS, SCSS, HTML5, Bootstrap Client: Kaiser Permanente, Washington Role: UI Developer July 2019 to Jan 2021 Responsibilities: Lead the transformation of testing into a continuous and efficient end-to-end quality engineering function through the use of quality processes, tools, and methodologies, significantly improving control, accuracy, and integrity. Evolve more predictive and intelligent testing approaches based on automation and innovative testing products and solutions. Developed interactive modules in the application using HTML5, CSS3, Bootstrap, jQuery, React, and JavaScript. Developed self-contained, reusable, and testable modules and components. Used React-Autocomplete for creating Google Maps location search on the webpage. Worked on React virtual DOM, React Hooks, Components, Forms, Events, Keys, React Router, Animations, and Flux concepts. Worked on developing Restful Services and consuming them to get JSON objects and modify the response object for display in UI. Implemented error-handling mechanisms and logging features to diagnose and resolve issues related to web hook communication in financial systems. Utilized React concepts like Interpolation, Dependency Injection, Input Variables, Bootstrapping, NgFor, NgIf, Router Outlet, binding click events, component decorator, etc. Used React HTTP Request to read data from web services and process JSON data to render in the UI. Created Directive for type-ahead search functionality using RXJS and React which can be attached to any input field. Created an Error Notification component to serve as a notification panel displaying errors related to hosted components. Extensively used React forms using Template-driven forms and Reactive forms approaches. Developed React Components, Services, Modules, Modals, Pipes in Typescript. Developed services and components such as Data Services, Error Handlers, and Modal Dialog to be utilized across the application. Implemented Tree Data structure, customizing grid appearance, and allowing users to edit and update data of each cell (Cell-Editing), Column and Row Drag & Drop, and Custom Filter features using ag-Grid. Developed complex business requirements using Master / Detail structure components in ag-Grid. Implemented custom styles for each cell in ag-Grid using Cell-styling, displayed custom components using Cell-rendering, and Customized Icons in ag-Grid. Extensively worked on Developing Front-end code in React to retrieve data as JSON and display the well- organized result on web pages by writing React Component, directives, Services, and route providers. Created Restful API using Node and Express and consumed it in React. Used React filters for filter functionality in the search box and Iterator functionalities. Extensively worked on Creating Custom Directives and services in React. Tested Cross-browser functionality and fixed major layout bugs for supported browsers. Developed and performed unit testing, identified and fixed defects, and supported defect Analysis and resolution in integrated environments. Apache Ant was used for the entire build process. Responsible for the build and deployment of applications in WebSphere Server. Environment: React, Node.js, Redux, NgRx, JavaScript, TypeScript, ES6, SCSS, HTML5, Bootstrap Client: Kelton Tech, Hyd, India Role: UI Developer Sep 2017 to Mar 2019 Responsibilities: Used SCRUM and Agile development methodology for management of product releases. Implemented a professional and production quality module system with Node.js and used Node.js for managing JavaScript packages using the npm tool. Developed HTML views with HTML5, CSS3, JSON, and React. Developed React components such as controllers, constants, Services, filters, and models. Used React Directives like ng-app, ng-model, ng-repeat, ng-show, ng-hide, ng-route etc. Developed custom directives for reusable components used across the application. Used Ajax effectively to create pagination and with client-side events like quick search. Adopted a cross-browser and cross-platform approach to make the website more flexible and supportive. Involved in JavaScript coding for validations and passing attributes from one screen to another. Built pages from Photoshop mockups using JavaScript, jQuery, CSS, HTML, and React. Experience in React directives that allow the developer to specify custom and reusable HTML-like elements, attributes that define data bindings, the behavior of presentation components, and DOM Manipulation. Experience working on CSS Preprocessors like Less along with JavaScript task runners like Grunt. Implemented the UI using EXT JS and graphs for stats using the EXT JS graphing components. Used Ajax calls through React to populate the data tables on the front end. Debugged the website using Chrome Developer's tools and hardcoded the API into the script for getting information about merchants using Node.js. Performed Verification and validation process for the code written by making use of Jasmine and Karma JavaScript testing framework by testing across various scenarios of React. Environment: React 4-6, Typescript, EXT JS, React, Redux, Ajax, jQuery, CSS, HTML5, Bootstrap Platforms: Windows 10, SQL Server 2016, MongoDB Client: Zen Q, Hyderabad, India May 2015 to Aug 2017 Role: Software Developer Responsibilities: Developed web pages with features like login, register, forgot password, email, notifications, and filters using React 2 built-in directives and jQuery plugins. Coded JavaScript for page functionality and pop-up screens, used HTML to create dropdown menus on web pages, and displayed part of a web page upon user request. Utilized various ReactJS and jQuery plugins like autocomplete, data validations, drag and drop, etc. to create an intuitive user interface. Developed role-based logins to customize dashboards and dynamic navigation menus based on user profiles. Experience in High Charts, D3 Charts, and customization of high charts. Worked with CSS background, layouts, positioning, text, borders, margin, padding, etc. Extensive experience in developing RESTful APIs using Node.js. Experience in using Node.js tools like Gulp and Grunt for application builds. Experience in testing and debugging using JMeter, Postman, and Firebug. Utilized JavaScript and D3.js to implement interactive visualizations of data sets in JSON format. Experience in deploying WAR files in Tomcat for serving backend services and configuring IIS Manager to host front-end applications. Worked on migrating the existing ReactJS project to React 2. Working knowledge of CI/CD tools like Jenkins to automate builds and deployments. Converted wireframes and mock-up designs provided by business analysts into HTML. Worked closely with the QA team and actively participated in client meetings to determine their goals and develop strategies. Environment: React 2, D3.js, Node.js, React, Redux, Ajax, jQuery, CSS, HTML5, Bootstrap Education: Bachelor s degree in Computer Science and Engineering from Jawaharlal Nehru Technological University Keywords: continuous integration continuous deployment quality analyst user interface user experience javascript information technology procedural language Virginia