Frontend developer/ UI Developer

Surya Teja Nandipati

E: ******@*************.*** M: +1-703-***-****

Summary:

Around 8+ years of Strong Development experience in developing User Interface applications and web applications using HTML4/HTML5, CSS2/CSS3, Angular 4/6/9/11/13/15/17, NodeJS, React, Vue, GIT, Bit bucket, Bootstrap.

Followed Waterfall and Agile/Scrum methodology of software development, which satisfies the customer through early and continuous delivery of valuable software.

Experience in applying the latest development approaches of event-driven applications using Object Oriented (OO) JavaScript, JSON, Angular 4/6/9/11/13/15/17, ReactJS, VueJs, NodeJS, SQL.

Good Experience working with NGRX state management.

Good Experience working with Reactive and template forms.

Experience on working with Lazy Loading Modules of Angular

Experience on Typescript, Angular 4/6/9/11/13/15/17 for mobile applications, web API and browser clients.

Extensively worked with Angular modules, classes, components, and templates.

Experience in debugging the code using browser tools like Chrome Developer Tools, and IE Developer Toolbar.

Good Experience working with RXJS operators like switch map, merge map, concat map etc to implement different functionalities.

Good Experience in working with routing and router guards.

Experience in developing components in ADA environments.

Good Knowledge on testing frameworks like Jasmine, Karma.

Experience working with various IDEs such as Visual Studio Code, Notepad++, Web Storm, Eclipse, and Sublime text.

Skills in optimizing Responsive Web design using CSS media queries and Bootstrap.

Expertise in building single page web applications using Angular 4/6/9/11/13/15/17.

Expertise in using source code control systems using GIT, Bit bucket.

Extensive experience in using NPM for scaffolding the application.

Possesses excellent analytical, written, and oral communication skills with a results-oriented attitude with the capability to handle new technologies.

TECHNICAL SKILLS:

UI Web Technologies

HTML4/HTML5, CSS2/CSS3/SCSS, JavaScript, jQuery, DOM, JSON, NVDA

Frameworks

Angular 4/6/9/11/13/15/17, React, Bootstrap, jQuery, NodeJS, Vue.js

Unit Testing

Jasmine, Karma

IDEs worked on

Visual Studio Code, Eclipse IDE, IntelliJ, Notepad++, InVision, Editors Notepad++, Dream viewer, Sublime text, FIGMA

Application Servers

HTTP Web Server

Version Tools

Bit bucket, GITHub

Database

SQL, MongoDB

GitHub Repos:

Angular 17 Project: https://github.com/suryatejanandipati/Angular17Project

Angular Project: https://github.com/suryatejanandipati/AngularProject

Object Oriented SW Project: https://github.com/suryatejanandipati/ObjectOrientedSWDesign

R Programming Project: https://github.com/suryatejanandipati/Crowdfunding-With-R

Work Experience:

Client: Citi Group July 2020 – May 2024

Location: Irving, TX

Role: Software Engineer

Responsibilities:

UI Developer with Angular/ NodeJs:

Working on Angular Upgrade and Angular Material Migrating (MDC) 14-15, 15-16.

Fixed all Angular Material Component styles in the latest version.

Implemented skeleton loaders by using stencil.js as a web component and created npm lib to utilize across apps (table, form profile page etc..).

Worked with RXJS operators like switch map, merge map, concat map etc to implement different functionalities.

Implemented directive lo load skeleton loaders to implement custom skeleton loaders,

Worked on Module Based Architecture and Standalone Architecture.

Upgraded app from Angular 11-12, 12-13, 13-14 and 14-15.

Created nested lazy loaded modules and Components to load modules lazily and to maintain the performance of the application.

Used NGRX store management (Actions and Reducers).

Used can-Deactivate, can-Activate to display the warning or information message when a user is moving away from the page without saving the data.

Implemented custom pagination and Sorting logic on the UI.

Implemented and used the sorting and pagination pipes within the form arrays.

Extensively used Typed Angular Reactive forms, form Arrays and implemented inline forms reactive validations with validation messages.

Worked date picker, accordions, models, multi-Select, type-a-heads, custom pipes, custom directives and custom validations like no-White-Spaces, not-A-Number etc.

Worked on Desktop, Mobile and tablet CSS.

Implemented spinner for the whole application at one place using Ng-Rx.

Efficiently handled Ng-RX data when manipulating the obj.

Worked on RXJS patterns to handle asynchronous data.

Created custom pipes to display the form selection criteria on the results page and effectively handled the results while clearing the filter selection criteria.

Implemented Http to call backend services.

Debugged and fixed memory leakage issues with the observable subscription.

Implemented lazy loading through feature Modules.

Created interceptors to append required headers and token to the requests.

Tested services, components, Pipes and directives using Jasmine.

Built GET URLs with n no of parameters using custom functions.

Fixed 508 compliances issues.

Used GIT as a repository and BitBucket.

Used Jenkins for continuous integration.

Implemented Cypress Automation for all the business Modules.

Closely worked with manual and Automated QA team to fix the issues.

Worked on Cypress Component testing.

Implemented Component testing with Cypress to all the reusable components like (Pagination, Type ahead, dropdowns, multi-select dropdowns etc).

Used swagger for the documentation

Environment: Angular 13/14/15, jQuery, HTML5, SCSS, Cypress, Unit Testing, Jenkins, Bootstrap, JavaScript, NodeJS, GIT, Visual Studio Code, Bitbucket, InVision, FIGMA, Swagger, NVDA, Release Lifecycle Management, JIRA, and Jenkins

UI Engineer (Common UI Library):

Develop and maintain reusable common angular components to be used throughout Citigroup Teams. We basically work as an Angular Material Team with support for the components (Slider, Dropdown, Input, Accordion, Pagination, Sign-on, Tabs, Tables etc.)

Used Lazy loading modules to enhance the performance of the application.

Implemented router guards like canActivate, canDeactivate, canLoad etc.

Implemented different kinds of theming for the components (like gold, blue, cpc etc.)

Used Reactive forms, Form Arrays and implemented reactive validations using Form controls.

Implemented Dynamic, custom and Async Forms.

Used decorators @Input and @Output for defining the properties of the reusable components.

Implemented Custom directives like hiding Outer Elements, Changing the element’s style, etc.

Implemented Custom Pipes like Uppercase First, Phone Number Formatter, SSN Formatter, etc.

Implemented Behavior subject for state management of several components and modules.

Working on ADA (American Disabilities Act) compliance of all our Angular Components.

Working on AXE based defects from our components.

Extensively used SCSS for responsive designs for all the Common components.

Creation of new Components or the enhancement to the existing components in the Common UI Library.

Support and develop Angular documentation website for developers and designers by Angular 9/11/13, HTML, SCSS, Bootstrap

Implemented code to handle cross browser compatibility issues in Mozilla, IE 7, 8, 9, 11,13 Safari

Support Server-Side rendering container (SSR) initiative - SSR pages will have faster load time and better search engine optimization, which will in turn result in better user experience for small business Citi users.

Doing research spike on our old DDL components, so that our CDS components will be more optimized.

Creating well organized and maintained technical documentation for future reference.

Making a build through Jenkins and sending the CST update to all the consumer teams.

Environment: Angular 9/11/13, jQuery, HTML5, SCSS, Unit Testing, Jenkins, Bootstrap, JavaScript, NodeJS, GIT, Visual Studio Code, InVision, FIGMA, Bitbucket, NVDA, Jasmine, Karma, Release Lifecycle Management, JIRA, and Jenkins

Client: Sira Consultancy Dec 2019 - June 2020

Location: Inc Houston, TX

Role: Software Engineer

Responsibilities:

Creating directives and functionality for the development and reuse within our angular components.

Used NGRX state Management to maintain the state of the application on the client side.

Working with modules like MongoDB and mongoose for database persistence using Node.JS to interact with MongoDB.

Implemented custom exception handling.

Used Mongoose to connect with MongoDB.

Working on modifying the Elastic search queries using proxy-server.

Configured Elastic search and performed CRUD functionality.

Configured Rest client to call web services.

Performed validations on server side.

Working on a file system to create a log file to track the user activity using fs.

Used Actions, reducers, and side effects.

Used routing techniques to render UI components onto the screen.

Implemented authentication using route guards (Can activate, can deactivate and can-activate child etc)

Involved in writing the front-end code for the application using Angular 8 and Typescript.

Worked and customized on Ag-grid in some parts of the application to implement functionalities like filtering, sorting etc.

Handled browser memory efficiently with large data sets and with the memory leaks while using RXJS.

Used RXJS operators like switch map, merge map, concat map etc to implement different functionalities.

Used Http client module to perform backend API calls.

Used Angular Material and Ngb Bootstrap components.Used SCSS for responsive design.

Involved in developing the web pages using Angular 8 to build Single Page Applications (SPAs).

Developed Reactive Single Page Applications (SPA) using Angular 8 with expertise in creating User Controls.

Created Angular 8 based Components, Pipes, Injectables across the whole system, such as build the custom filter and the main assortment dashboard.

Attending design, Customer support team and Stand-up Meetings.

Unit testing my development before moving it to the testing phase.

Creating well organized and maintained technical documentation for future reference.

Environment: Angular 8, NodeJS, TypeScript, HTML5, CSS3, JavaScript, Bootstrap, JSON, jQuery, REST, SQL

Client: Blue cross blue shield Jan 2018 – Dec 2019

Location: Virginia

Role: Software Engineer

Responsibilities:

Designed and developed web pages using ReactJS, VueJS,, HTML5, CSS, JavaScript, jQuery

Developed Single page web Application by using VueJs, Vuex with Bootstrap which is further integrated with Web Services

Designed, developed, and maintained the data layer using Hibernate and performed configuration of Spring, an application framework.

Designed, developed, and tested RESTful services.

Created Angular and ReactJS reusable components and services to consume REST APIs using Component-based architecture provided by Angular.

Used various Amazon Web Services (AWS) Components like EC2 for virtual servers, S3 Elastic cache, and Postgres for storing data.

Developed API for using AWS Lambda to manage the servers and run the code in the AWS.

Designed and deployed a multitude of applications utilizing almost all the AWS stack including EC2, IAM, Route53, S3, and RDS.

Used Microservice architecture, Boot-based services interacting through a combination of REST, Apache Kafka message brokers, and leveraging AWS to build, test and deploy identity Microservices.

Configured and deployed applications using Jenkins as Docker Containers.

Implemented Spring MVC for handling client requests, consuming Restful Web Services, and sending the response back to the client.

Implemented the application using Spring IOC, Spring MVC Framework, Spring Batch and handled the security using Spring Security.

Developed Batch schedulers using Quartz batch scheduler to generate reports asynchronously based on the user configuration.

Implemented the Application data migration from Jira server/DC to Jira cloud Using JCMA plug by supporting multiple DBs like Oracle, MySQL, MariaDB and Postgres.

Integrated the Applications with Analytics platforms like Amplitude, Pendo, Log-rocket by push events with metadata and recording user sessions with details.

Developed the Junit test cases to test backed implementation.

Developed Maven scripts and developed builds using Maven and continuous integration servers like Jenkins.

Designed and developed automated processes to create bugs on JIRA, using Jenkins plugins.

Implemented the Redis in memory cache to improve reports application performance.

Environment: Java 8, J2EE, Servlets, JMS, Hibernate, Linux, SQL,, Web Spring JPA, AWSEC2, IAM, Route53, S3, RDS, OpenShift, REST, UML, HTML5, Bootstrap, JavaScript, jQuery, Angular 7/9, Log4J, Oracle, PL/SQL, JUnit, JIRA, CI/CD, Oracle DB, GIT, Gradle, Jenkins.

Client: Effigent Software Solutions Pvt Ltd April 2016 – Dec 2017

Location: Hyderabad, India

Role: Application Developer

Responsibilities:

UI With Angular:

Involved in writing the front-end code for the application using Angular and typescript.

Involved in developing the web pages using Angular to build Single Page Applications (SPAs).

Developed Reactive Single Page Applications (SPA) using Angular with expertise in creating User Controls.

Created Angular based Components, Pipes, Injectables across the whole system, such as build the custom filter and the main assortment dashboard.

Leveraged Angular resources for all data access, encapsulating URLs, and standardizing data access interfaces.

Created Angular Directives, Components, Pipes, and Injectables across the whole system, such as to build the custom filter.

Highly used Angular Router to build a single page application for navigating through the different status and multiple modals.

Implemented UI Screens, Advanced Search, Timer, Navigation Bars, Navigation Menus, Forms, Sorting, Filtering in Angular.

Optimizing the code of reusability using the Decorators and injecting the services to access those in any components by using the property called providers in Angular Components.

Created unit test cases of Angular components, services using Karma-test-runner and Jasmine.

Integrated with the back-end code using HTTP Client to get and post the data to backend servers.

Worked with CSS3 background, CSS3 Layouts, CSS3 positioning, CSS3 text, CSS3 border, CSS3 margin, CSS3 padding, Pseudo elements and CSS3 behaviors.

Worked on state management in angular using Redux.

Worked on Reactive forms, reactive and async validations using form control.

Used Ng Bootstrap components like tabs, accordions, date pickers, searchable drop downs etc.

Integrated the Spring Boot API with Angular to store logs and generated deployment services.

Worked closely with securing additional resources for the team and worked in an Agile Environment.

Developed UI and implemented for some plug-in using JavaScript, HTML, CSS, and XML

UI With ReactJS

Worked on ReactJS with Reactive-search, search-kit and search-UI components which are integrated with elastic search.

Worked on Single list, multi list, Multi select, single select, data search, date range, date picker components etc. within Reactive search components.

Worked on reactive forms by integrating Reactive-search, search-kit and search-UI components with reactive forms.

Worked on reactive map components, redux with React.JS, Elastic search queries, functional and non-functional components.

Used lazy loading using higher order components.

Used React bootstrap components like tabs, accordions, and date pickers etc.

Used Axioms package for calling rest-API’s.

Implemented reactive validations by using reactive forms.

Environment: Angular, React, JavaScript, Typescript, Node JS, HTML5, CSS3, JAVA, JavaScript, Bootstrap, JSON, jQuery, REST, Restful, SQL.

Education:

Bachelor’s in ECE–KL University – INDIA,

Master’s in Applied Math and Computer Science - University of Central Oklahoma, Edmond, OK

Contact this candidate