React Js Ui Developer

Datta Naga Sai

UI Developer

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

Contact: 331-***-****

Summary:

● Around 8 years of experience in web application development, using HTML/XHTML/DHTML, CSS, JAVA SCRIPT, JQUERY, AJAX, and JSON technologies.

● Hands-on experience developing the components using ReactJS needed for the application from scratch.

● Experience in React JS for creating interactive UIs using One-way data flow, JSX, and React- native concepts.

● Strong experience in Unit Testing, User Acceptance Testing, and Integration Testing.

● Worked on CSS Preprocessors such as SASS LESS with the help of Grunt Gulp.

● Worked with RESTFUL Web Services on implementing RESTful APIs.

● Used JIRA to keep track of outstanding bugs to reduce downtime, increase productivity, and improve communication.

● Have hands-on extensive debugging and issues fixing experience in React JS version 16.5 application.

● Implemented responsive and accessible user interfaces using HTML, CSS, and JavaScript.

● Worked on JSON as a response type in REST services.

● Proficient in configuring Babel to transpile modern JavaScript features, ensuring cross-browser compatibility and optimal performance.

● Proficient in Next.js for building scalable and performant web applications.

● Worked on multiple browsers – Google Chrome, Mozilla Firefox, Safari, and Internet Explorer.

● Worked on UI views with Flexbox and React Native dimension API.

● Worked using React native components, Forms, Event, Keys, Navigation, and Redux concepts.

● Developed drag-and-drop document editing using React JS-dnd and React JS-motion and was involved in using React JS components, Forms, Events, Keys, Router, Animations, and Flux concepts.

● Built efficient, scalable user authentication with QAuth in NestJS, ensuring secure login and data access.

● Worked with a bunch of tasks like writing Kotlin code, debugging, optimizing performance.

● Knowledge of cloud technologies, including Amazon Web Services (AWS).

● Worked with integrating AWS with React.js and involved in utilizing services like AWS Amplify and AWS SDK in React application.

● Applied Agile/Scrum methodologies to enhance project management and foster collaboration within the development teams.

● Hands on using React Hooks (State Hook, effect Hook, Ref Hook,) to use state and lifecycle methods inside functional components.

● Proficient in designing and developing Single Page Applications (SPAs) using modern front-end frameworks such as React and Angular.

● Worked on React JS Virtual Dom and React views, rendering using components, library components, and Redux.

● In-depth knowledge of JavaScript, CSS, HTML, and front-end languages.

● Developed DOM and CSS performing using JavaScript.

● Passion for writing clean code with excellent readability.

● Used AJAX extensively to implement front-end/user interface features in the application.

● Developed page layouts and navigations and presented designs and concepts to the clients and the management for review.

● Great hands-on experience with Native mobile developments IOS and Android.

● For responsive designs, Material-UI ensures a consistent user experience across different devices and screens.

● Improved application performance by optimizing TypeScript compilation settings and utilizing advanced TypeScript features like generics and union types.

● We are working with React Router to develop Single Page Applications SPAs.

● Developed user interface by using React JS Redux for SPA development.

● Good Knowledge of testing frameworks like Jasmine, Karma, and Mocha.

● Expertise in using source code control systems using GIT Bitbucket. TECHNICAL SKILLS:

● Web Technologies: JavaScript, ECMAScript 6 (ES6), CSS, AJAX, HTML, JSON, jQuery, DOM, JDBC, Hibernate, Bootstrap, AWS-Amazon web services.

● Markup Language: HTML.

● Content Management systems: WordPress.

● Architecture: Micro Frontend services.

● Programming Languages: Swift, Java, JavaScript, Typescript, Kotlin.

● Frameworks and Tools: Angular JS, ReactJS version 16.8, Swift UI, Flutter, React Native CLI 3.1. 0, Redux, NodeJS, Express.js, Next.js, NestJS, ES prototype, Bootstrap, Material-UI, Babel, Jenkins, Docker, SonarQube.

● Unit Testing: Jasmine, KarmaC

● Editors: Notepad++, Visual Studio, and Webstorm IDE.

● Environment: Waterfall and Agile/Scrum methodologies.

● Web Services: WSDL, XML, SOAP, UDDI, API, REST

● Databases: MySQL, Oracle, MongoDB.

● Versioning Tools: GIT, GitHub, Bitbucket.

● Debugging Tools: Chrome Dev Tools, Fiddler, FireFox JavaScript debugger, Js Bin.

● Debugging tools: Google Chrome, Bugzilla, and Firebug.

● Development tools: NPM.

● Cloud services: AWS, Microservices

● UX Design tools: Zeplin, Figma.

● Software project management: Jira, Rally, Atlassian Confluence, Microsoft TFS.

● Platforms: Android, iOS, macOS, Web.

PROFESSIONAL EXPERIENCE:

Client: Walmart August 2023 – Till date

Role: Senior UI Developer

Responsibilities:

● Developed responsive web UI for mobile, tablet, desktop versions based on React Js and Next.js.

● Worked with AWS Amplify in configuring services, and then incorporating them into React components.

● Used AWS Amplify to process the features like authentication, storage, and API management.

● Used AWS S3 for scalable and cost-effective storage of assets for cloud-based applications.

● Proficient in using AWS SDK for JavaScript in React applications.

● Working with managing APIs with AWS API Gateway to enable communication between frontend and backend systems.

● Developed application using Java, Implemented Model view control (MVC) structure.

● Built user interactive web pages using JavaScript and Reactjs.

● Working with advanced levels of jQuery, JavaScript, and CSS layouts.

● Working with modern and vanilla JavaScript techniques including ReactJS, Redux, and ES6/ES7 features.

● Developed multiple Angular 14 components which are compatible with latest versions of typescript, angular CLI.

● Designed and implemented user interfaces for iOS applications using Swift UI and combine.

● Developed and maintained cross-platform mobile applications using Flutter and Dart.

● Developed mobile applications for our UNFI e-commerce platform with over 1 million users.

● Implemented complex UI/UX designs with ensuring seamless performance on both Android and iOS.

● Developed the application using Angular 14 framework and Node JS platform using JavaScript and TypeScript programming.

● Developed and Integrated frontend components to interact with microservices and MongoDB- Backend APSs, ensuring efficient data handling and seamless user experience.

● Implemented MongoDB integration to handle dynamic data structures, enhancing frontend application.

● Used NestJS dependency injection to implement reusable and testable service layers,improving code maintaiabality and scalability.

● Created TypeScript reusable components and services to consume REST API's using Component based architecture provided by angular 14

● Optimized application performance by implementing NestJS Caching strategies and database indexing.

● Integrates NestJS to allow flexible queries and mutations for frontend consumption.

● Used Angular HTTP module to handle request from client side and subscribe to any data changes using observables from RxJS module.

● Using Flutter widgets to build an Interactive and engaging user interface and integrated Firebase for authentication and real-time data updates.

● Building reusable components and front-end libraries for future use

● Translating designs and wireframes into high-quality code.

● Optimizing components for maximum performance across various web-capable devices and browsers.

● Created reusable components and integrated them with GraphQL queries and mutations to streamline data management.

● Implemented real-time updates using GraphQL subscriptions to enhance user experience in a live chat application.

● Developed and maintained a large-scale e-commerce platform using Typescript improving application stability and reducing runtime errors by 30%.

● Working with Kotlin to improve the code efficiency and app performance.

● Utilizing Kotlin to build interactive and responsive user interfaces for web applications.

● Integrated Kotlin with front-end frameworks such as Kotlin/JS and Jetpack Compose for Android to streamline the development process to enhance user experience.

● Hands on writing native modules for React Native.

● We are handling bugs in the application and fixing them on a priority.

● Implemented new functionality in the application through stories discussed in sprint planning.

● Built pixel-perfect, buttery-smooth UIs across both mobile platforms.

● Developed native modules for use inside the React native project.

● Transformed native iOS to React native. Implemented offline first approach with react native- offline module.

● Using WordPress worked with enormous sites and child themes.

● Designed and developed various components, push notifications and navigations using React native.

● Used React Hooks to use state and lifecycle methods inside functional components to decrease the complexity and improve maintainability.

● Working with modern git and GitHub workflows to perform different sets of tasks.

● Utilized various Node.js modules and libraries to optimize applications for maximum speed and scalability, resulting in a 20% increase in system performance and a 15% reduction in operational costs.

● Implemented REST API using Nodejs and Express.js.

● Designed mockups and wireframes into high-quality code using JavaScript, ES6, TypeScript, and JavaScript patterns.

● I worked using React JS Components, Forms, Events, Keys, Router, and Flux concepts.

● Doing Code reviews of peers and giving them suggestions on how the performance or readability of code can be improved.

● Implemented state management using Redux with TypeScript, ensuring strict typing for actions, reducers, and store states.

● Using Material-UI to integrate with React and other popular libraries and frameworks.

● Worked on performance testing frameworks including Mocha and Jest.

● Written unit test case using Enzyme, Jest and Mocha.

● Integrated Mocha seamlessly with other testing libraries such as Chai for comprehensive testing coverage.

● I have extensively worked on single-page applications using React JS, Node JS.

● Worked with NPM commands using a package. JSON dependencies and Node.js applications.

● Skillful in working with JSON data, including parsing, manipulation, and integration into front- end applications.

● Worked with Restful web services to integrate between the Server and Client sides.

● Created a related page for a new project, worked with claims and returns projects, and worked on browse and shop UI.

● Working with React.js, React-router, Babel, NPM, and Webpack for optimizing and creating React applications.

● Worked with Single Page Applications (SPA) using ReactJS Framework targeting all modern web browsers, tablets, and phones.

● Leveraged frontend frameworks like React to consume microservices and display data stored in MongoDB databases.

● Implemented client-side routing and state management for efficient SPA (Single Page Application) navigation and data handling.

● Working with Software Development Life Cycle (SDLC) management for designing, analyzing, developing, and testing and implementation.

● Utilized Next.js dynamic routing for efficient page navigation.

● Achieved high Lighthouse performance scores through Next.js optimizations.

● Used various predefined components from NPM (Node Package Manager) and redux libraries. Environment: React.js version 16.8, Next.js, NestJS, React Native, Typescript, Angular, AWS, Node JS, React Hooks, HTML5, CSS3, JAVA, JavaScript, Kotlin, JSON, jQuery, AJAX, Typescript, LESS, REST, Restful, UDDI, SQL, SonarQube, WordPress, Agile Software Management.

Client: CVS January 2020 – July 2023

Role: Senior UI Developer

Responsibilities:

● I designed a Graphical User Interface using React, jQuery, Redux, NodeJS, HTML, JSP, and CSS.

● I used React-Router to turn the application into a single-page Page Application.

● I am involved in testing and fixing the bugs.

● Worked with modern front-end build tools and workflows like Webpack, Babel and Git.

● Implemented various screens for the front end using React.js.

● Involved in building interactive portable widgets for internal users using HTML5, CSS3, Bootstrap3, JavaScript (ECMA Script 6), Angular JS and the latest AJAX libraries.

● Designed and developed the agent portal using framework Angular 2 along with HTML5, CSS3, Typescript.

● Created TypeScript reusable components and services to consume REST API's utilizing component-based architecture provided by Angular 6.

● Developed React native modules to communicate forth and back with the JS engine.

● I have extensively worked on single-page applications using React JS Node JS.

● Designed multi-browser compatible pages using HTML5, CSS3, jQuery and JavaScript.

● Worked with HTML5, JavaScript, CSS3, AJAX, Responsive Design, and general Web 2.0 techniques in the context of interactive Web Applications.

● Worked with JavaScript validations and deployed code.

● Optimized website performance by leveraging Next.js features such as prefetching and code splitting.

● Utilized Flutter’s hot reload feature to iterate quickly on designs and features.

● I have used various Adobe tools to improve image quality.

● Used React to work on Redux to handle large amounts of data and improve performance.

● Integrated multiple React native applications such as React navigation and React native Firebase.

● I have deployed internal React native mobile applications.

● Hands-on experience with cloud platforms like AWS-Amazon web services and Microsoft Azure.

● Managed on working with AWS resources in the cloud and maintained Continuous Integration and Continuous Deployment.

● Expertise in structuring services as classes in TypeScript for integration into Angular Components, enriching the application's functionality.

● Developed and maintained Dockerfiles for React/Angular/Vue applications, streamlining the build and deployment processes.

● Used Custom Hooks to improve the readability of the code and to debug.

● Extensively using React Hooks from functional components for state and lifecycle features.

● Developed web pages using HTML, XHTML, DOM, CSS, JSON, JavaScript, React JS, Next.js, jQuery, Ajax.

● Used Material-UI to optimize the performance and features such as server-side rendering and lazy loading.

● Utilized both Template Driven forms and Reactive Forms provided by Angular 2 to build robust forms.

● Used CSS3 preprocessors like LESS AND SASS for the code reusability in the application.

● Developed dynamic responsive Web Application by integrating Angular JS with Bootstrap responsive patterns.

● Worked on AngularJS features like Two Way Binding, Custom Directives, Controllers, Filters and Services.

● Created Angular JS controllers and custom directives for application functionality and leveraged angular filters for heavy DOM manipulation.

● Great Hands-on experience with WordPress Content management systems (CMS).

● Implemented a Single Page Web Applications (SPA) based front end for displaying user requests, user records history and security settings various users using JavaScript and Angular JS.

● Developed and designed Single Page Applications (SPA) using interfaces in Reactjs.

● Worked with ES6 features to host syntactic changes.

● Worked with Micro Frontend service Architecture to improve fast development.

● We created RWD-responsive web designs.

● Wrote unit test case using Enzyme, Jest and Mocha.

● Worked on UI views with Flexbox and React Native dimension API.

● Handled cross-browser/platform compatibility issues.

● Worked with various single-page JavaScript applications.

● Gathered the requirements of the client and built an application.

● Using Jasmine, I worked on various test cases.

● Utilized TypeScript’s interfaces and types to create reusable and maintainable UI components.

● Developed custom UI components and widgets using Kotlin to meet specific design requirements and improve application aesthetics.

● Collaborated with team members in regular code reviews to enhance code quality and maintainability.

● Collaborated with back-end developers to define and standardize GraphQL endpoints, ensuring consistent data delivery.

● Created serverless functions using AWS Lambda for efficient backend operations. Environment: React.js version 16.5, Next.js, React Native, Typescript, Angular JS, Angular 12, AWS, Node JS, React Hooks, HTML5, CSS3, JAVA, JavaScript, Kotlin, JSON, jQuery, AJAX, Typescript, WordPress, LESS, REST, Restful, UDDI, SQL, SonarQube, Agile Software Management. Client: Tracfone Oct 2018 – Dec 2019

Role: UI Developer

● Worked in a team, involved in developing the UI layout and front-end programming for web application that matches requirements of Client.

● Involved in the planning process of iterations under the Agile Scrum methodology involved in writing the project design document and project plan document.

● Worked in the planning process under Jira for Defect Tracking

● Designed and optimized relational database schemas for scalable, high-performance systems

● Experienced with databases such as MySQL, PostgreSQL, Microsoft SQL Server, Oracle, and SQLite.

● Configured Web Pack, and Parcel to execute linters, magnifiers, pre-processors, tests, and transpires based on the build target.

● Developed and designed SPA user interfaces with the modern front-end framework ReactJS.

● Integrated AWS Lambda with Amazon API Gateway to handle HTTP requests for microservices, ensuring smooth and efficient communication

● Worked on Angular Services to connect to the Web API’s. Worked with Angular CLI, and TypeScript in Angular to create Controllers and components for Web Pages.

● Developed reusable React Components and custom React Components utilizing ReactJS 16.8, Redux, React Router, React-testing, Parcel to improve code maintainability.

● Developed CSS3 style sheets to give gradient effects. Developed page layouts, navigation, and icons.

● Utilized Redux to manage application state and built responsive components using Bootstrap.

● Used NPM for installing required node modules and other published Angular NPM Modules.

● Worked extensively with Angular CLI to create Components, Services, Pipes, and Directives.

● Created RESTFUL web services using PHP to serve data to the front end in JSON format.

● Worked on the NodeJS use core Modules handling Server-side validations.

● Implemented ADA, WCAG and Section 508 compliance policies.

● Utilized external materials UI for dialogs, date picker, tabs, model pop ups and advanced components to implement UI model.

● Knowledge in configuring Cloud platforms such as VMs, Azure AD, Web Apps, DBs, and Cloud Services

● Experienced with deployments, maintenance, and troubleshooting applications and Contributed to the Continuous Integration (CI) pipeline running component builds, creating and running Deployment jobs on individual stages on Azure DevOps/Jenkins, and running automated functional tests.

● Automated the deployment of ten application versions by creating a DevOps pipeline using Azure

● Automation.

● Worked with CI/CD: Terraform, Ansible, Kubernetes, Jenkins.

● Developed and maintained stored procedures and triggers to automate routine data processing tasks.

● Responsible for Design, Development, Code reviews (peer review), Unit testing, providing support to the testing team, Defect fixing, Defect triaging, Root causes Analysis and release/deployment support.

● Worked on Microsoft Azure Cloud to provide IaaS support to clients. Create Virtual Machines through Power Shell script and Azure Portal.

● Manage and Create a Storage Account in Azure Portal.

● Developed and design the pages Figma builds scripts and implemented Figma containers to create

● images of the applications for Figma to Continuous Integration and Deployment.

● Deployed Azure IaaS virtual machines (VMs) and Cloud services (PaaS role instances) into secure VNets and subnets.

● Deploy the Azure resources using the ARM template. Ensuring security and compliance of the cloud environment.

● Manipulate UI events and API responses, on the Web with NextJs and Implemented authentication and authorization features, enhancing security and user privacy.

● Worked as Cloud Administrator on Microsoft Azure, involved in configuring virtual machines, storage accounts, and resource groups.

● Created service hook for Azure DevOps with Jenkins.

● Created and deployed RESTful APIs using AWS Lambda and API Gateway, enabling quick scaling and reducing operational complexity for backend services.

● Worked on the GIS Integration using RTI Visualization

● Upgraded the versions of multiple Angular applications, React and React DOM.

● We used SSR Technique for improving the SEO Performance

● Configured Web Pack, and Parcel to execute linters, magnifiers, pre-processors, tests, and transpires based on the build target.

Environment: - ReactJS, Redux, TypeScript, HTML5, CSS3, SASS, JavaScript, React Material UI, SQL, VSTS, GitHub, Microsoft Azure, NodeJS, PHP, MySQL, Visual Studio Code, REST API, Azure DevOps, JSON, Docker, Jenkins CI/CD, Webpack, Jest.

Tech wish, India. Oct 2017 – Aug 2018

Role: React Developer.

● Developed web pages using client-side scripts JavaScript and jQuery for functionality, pop- screens, and ads.

● Designed and developed a web part of the application using REDUX and REACT frameworks.

● Designed React Native components and higher-order components.

● Developed native modules for use inside the React native project.

● Used OAuth as a secure authorizing tool and implemented authorization on web services.

● We implemented the drag-and-drop functionality using React-Draggable.

● Built applications and new components using Typescript.

● For code review and validation, I used SonarQube.

● Created interactive components, screens, and features for the mobile app using React Native.

● Created Typescript reusable components and services to consume REST API's

● Designed a Graphical User Interface using React, jQuery, Redux, NodeJS, HTML, JSP, and CSS.

● Used HubSpot CMS website builder and WordPress alternative to achieve great themes for the websites.

● Developed the web applications with the newest React features centralized with Hooks.

● Used ES6 framework to make code more readable and accessible.

● Developed application interface codes using JavaScript and react.js workflows.

● I used React-Router to turn the application into a single-page Application.

● Designed multi-browser compatible pages using HTML5, CSS3, jQuery and JavaScript.

● I used various Adobe tools to improve image quality.

● Hands-on experience with cloud platforms like AWS-Amazon web services and Microsoft Azure.

● Managed on working with AWS resources in the cloud and maintained Continuous Integration and Continuous Deployment.

● Implemented authentication using AWS Cognito for secure user access.

● Integrated AWS AppSync for real-time data synchronization in React applications.

● Worked with various single-page JavaScript applications.

● Gathered the requirements of the client and built an application.

● Code Reviews for every Screen and new functionality.

● We have implemented a spinner for the whole application in one place using Redux.

● We implemented HTTP to call backend services.

● I used Jenkins for continuous integration.

● Using Mocha applied test-driven development (TDD) principles to enhance code quality and facilitate efficient debugging processes.

● Employed Kotlin based state management libraries Kotlin Flow and Live Data to manage UI state, ensuring consistent and predictable user interactions.

● Optimized front-end code written in Kotlin to enhance application performance, reduce load times, and improve overall user experience.

● Collaborated with UX/UI designers to translate design mockups into Interactive SPAs (Single Page Applications, ensuring seamless integration of visual elements and functionality.

● Responsible for fixing bugs and adding new features to the existing website.

● Engaged in working with Agile software management scrum for weekly sprints and standup calls with Jira for tracking and Agile process of flow.

● Conducted performance optimizations and troubleshooting during code review sessions. Environment: React.js version 16.5, Next.js, React Native, Angular, Typescript, AWS, React Hooks, Node JS, HTML5, CSS3, JAVA, JavaScript, Kotlin, JSON, jQuery, AJAX, Typescript, LESS, REST, WordPress, Restful, UDDI, SQL, Redux, SonarQube, Agile Software Management. EDUCATION:

● Masters: Lewis University, Chicago, IL, USA, 2020.

● B. Tech: Sreyas Institute Of Engineering and Technology, Hyderabad, Telangana, India, 2018.

Contact this candidate