Avani Front End Dev
Avani Front End Dev
Avani Front End Dev
UI/UX Developer
Ph.no: 512-649-8393
Email: avani.kandukuri77@gmail.com
PROFESSIONAL SUMMARY
● 9+ Years of Professional experience in developing User Interface (UI) Applications and professional
web applications using HTML 4.0/5, CSS2/ CSS3, JavaScript, JQuery, JSON, XHTML, and
XML.
● Good understanding of latest approaches in HTML5/CSS3 development, JavaScript frameworks
jQuery.
● Good Experience with JavaScript MVC framework Angular.
● Experience in working with the Document Object Model (DOM)and DOM Functions.
● Can be able to deal with Cross Browser issues very effectively and work on almost every web
Browsers Safari, Internet Explorer, Mozilla Firefox and Google Chrome.
● Experienced in designing using latest Web Standards.
● Expert knowledge of design software such as Adobe Creative Suite, Figma, Sketch, Photoshop,
● Expertise in Client Side designing and validations using HTML, DHTML and Java Script.
● Working Experience and understanding with Firebug for Mozilla and IE Developer Toolbar for
Internet Explorer, Web Inspector for Safari, Developer Toolbar for Chrome.
● Created TypeScript reusable components and services to consume REST API's using Component
based architecture provided by Angular.
● Optimized site performance for new and existing sites using Googles Page Speed
standards, Webpage Test etc.,
● Involved in unit testing of the software modules using the Karma and Jasmine JavaScript
frameworks.
● Utilized Angular Material to implement responsive and visually appealing user interfaces for web
applications.
● Created Product prototypes using figma and Atomic.
● Participated in designing new mockups and prototype using Sketch, Invision.
● Understanding and good Experience with Object Oriented Concepts, Object Oriented JavaScript,
Object Oriented Design and Implementation.
● Solid expertise in developing Html pages based on DIV layout, W3C Compliance, Web
Accessibility, Web Usability and Cross browser platform.
● Developed automated integration tests to run on Jenkins CI (continuous integration) platform for test
automation to help support bug free releases.
● Hands on experience with Web Responsive using Bootstrap’s templates.
● Used SVN for version control and Clear Quest for bug fixing.
TECHNICAL SKILLS
Web Technologies HTML/HTML5, CSS2/CSS3, XML, JavaScript, JSON, JQuery, Prime Ng,
Angular, Node JS, Bootstrap
Web/App Servers HTTP Web Server, Apache Tomcat
Scripting Techniques Java Scripts, AJAX, JQuery
IDE & Tools NetBeans, Eclipse, WebStorm, Sublime Text Editor, Dreamweaver.
Version Control SVN, GitHub.
Debugging Tools Chrome Developer Toolbar, Firebug, IE Developer Toolbar, Safari Web
Developer.
Open-Source Tools Google Page speed, YSlow.
Languages Java, C, C++
Other Development Adobe Photoshop, Microsoft Office 2010, Bower, Abstract, In Vision,
Tools/Libraries Sketch
Database PL/SQL, MySQL.
Operating System Windows 7/8/10, MAC OS X, UNIX/LINUX
Build Tools Maven and Shell script
Methodologies Agile, Microservices
PROFESSIONAL EXPERIENCE
EASTWEST BANK, Palo Alto, CA (Jan2023- Present)
Role: Front End Developer
Responsibilities:
Responsible for front-end UI development using HTML5, SCSS, Typescript, PrimeNG,
Angular 12, and RxJS.
Developed a web application using Angular 12 as front - end and using Web API to receive and
pass data to back-end.
Developed the application using model driven approach by creating different Modules,
Components and by using the reusable code.
Created Angular 12 components, implemented Interpolation, Input Variables, Bootstrapping,
NgFor,NgIf, Router Outlet, event binding, and decorators.
Created reusable Custom pipes and Directives for filter and sorting for table columns for Custom
Table component which is used for CRUD Operations.
Implemented Routing to navigate between the components in the application using the Angular
router module.
Created Angular Components, Directives, Services and Reactive Forms to collect the input from
User.
Implemented Services by using Http Client Module in Angular 12 for making the API calls and
inject data into the required components.
Used Dependency Injection to communicate between Components.
Developed application-level code to interact with the backend and consume the JSON API’s by
using RXJS Observables.
Utilized @Input and @Output to transfer data between Parent and Child Components.
Used ngModel to achieve two-way binding and used ngIf to display custom validation and error
messages created for the forms.
Implemented responsive layouts using Angular Material's grid system and flexbox to ensure
optimal user experience across devices.
Used React Js to create custom components for data manipulation and display data in company
standard format.
Developing efficient and optimized queries to retrieve and manipulate data in MongoDB.
Implemented Form Group and Form Array to get all the user data to manipulate in the controller
and send data as required by the backend.
Worked with team lead to write documentations and set standards for other projects and
developers.
Worked on project that follows Agile Scrum Methodology which includes iteration application
development, weekly sprints, and daily standup meetings.
Used JSON for storing and exchanging information between browsers and servers.
Worked on creating responsive web design using CSS3 media queries.
Worked with making calls to REST APIs to fetch the data from the backend and map them on the
UI for data integration.
Interacted with the QA in order to identify bugs and make proper bug fixes.
Collaborated extensively with the team in order to discuss and implement the Web Application.
● Actively took part in technical meetings, requirements gathering, analysis, planning, effort
estimations, development, and testing.
● Used Responsive Web Design (RWD) for effective design of Web pages.
● Worked on implementing directives and scope values using Angular, Typescript for an existing
webpage.
● Created contemporary logos, headers, graphics, and branding for web applications and learning mate-
rials using Photoshop and Illustrator
● Re-designing/ developing the main website to improve user experience and add new functionality.
● Involved in testing for cross browser functionalities so as to confirm the application consistency
across various browsers.
● Collaborated with designers and backend developers to ensure seamless integration of Angular
Material components with backend APIs and database systems.
● Implemented various Design Patterns like Module Patterns using Human Centered Design.
● Used AGILE development techniques in all the development process and exposed to tools for
tracking bugs, and Rally to track the agile development.
● Worked in designing the CSS templates for use in all pages on the website working with CSS
Background, positioning, text, border, margin, padding, and table.
● Developing Mockups in Photoshop with approved Paper Prototypes of design ideas
● Developing Single Pages Application using HTML5, CSS3, Bootstrap, Angular Async Await,
NodeJS, Socket, LESS.
● Created web pages using HTML5, CSS3, JavaScript, XML, JSON, JavaScript, JQuery,
Handlebars, SASS and Angular for developing user interface.
● Used third party packages for Angular application. This increases the performance and efficiency of
the application.
● Worked on a complete Adobe Suite like Illustrator, Photoshop and more for Attractive User
interface design.
● Designed a web application for both the company user and customer user with different Login and
Sign-up authorization using firebase authentication.
● Designed and implemented user interface for web-based customer application using HTML5, CSS3,
Typescript, JSON.
● Implemented web page using the semantic markup and page layout of HTML5 and implemented the
new CSS3 border-radius property for the design layout and CSS3 transitions to change property
values over a given duration.
● Designed the Front-end applications, And Mobile Application As well for user interactive (UI) web
pages using web technologies like HTML5, CSS3, Es6 JavaScript, Angular.
● Worked as a Front-End Developer on the project with JavaScript, ES6, Angular, RESTful services,
HTML5/CSS3/SASS/Bootstrap and Gitlab.
● Worked in designing, developing, and testing the web application by using the HTML5, CSS3,
SASS, LESS, Bootstrap, and Angular.
● Involved in designing in web pages using HTML 5, XHTML, CSS3, JavaScript, Angular, Angular-
Bootstrap, Node.js.
● Developed presentation layer using XML, GitLab JavaScript, CSS Custom tags etc.
● Developing Single Pages Application using HTML5, CSS3, Bootstrap, Angular Async, NodeJS,
Socket, LESS.
● Created web pages using HTML5, CSS3, JavaScript, XML, JSON, JavaScript, JQuery, SASS
and Angular JS for developing user interface.
● Designed User Interfaces using jQuery, CSS, HTML, Bootstrap, NodeJS, and Lodash for front end
view as per the requirements that are provided.
● Used third party packages for Angular application. This increases the performance and efficiency of
the application.
● Implemented Angular-Router, Angular Redux architecture, ES6, web pack and Grunt to turn
application into SPA.
● Built dynamically generated dropdown lists using ES6 & Chrome DevTools.
● Very Strong in developing applications using Angular, HTML5, Bootstrap, Java Script, CSS3.
● Designed and implemented user interface for web-based customer application using HTML5, CSS3,
Typescript, JSON.
● Used Webpack and gulp for transpiration configuration for Typescript to be converted to JavaScript.
● Working with Angular Router for developing Single Page Applications SPAs.
● Designed and built components and use Templates to create UI application and extend HTML with
directives and data binding.
● Developed dynamic Responsive Web Application by integrating Angular with Twitter Bootstrap,
which is further integrated with Web Services provided by the development team.
● Responsible in developing single-page applications (SPAs) using various JavaScript frameworks
like Angular TypeScript and Bootstrap.
● Designed dynamic client-side JavaScript codes to build web forms and simulate process for a web
application, page navigation using Angular.
● Used Built-in-Pipes in Angular as filters to display data comfortable to users.
● Extended BOOTSTRAP for UI theme and developed CSS to support Responsive web design and
Implemented responsive Layouts for minimizing load time.
● Extensively involved in redesigning the entire site with CSS, LESS styles for consistent look and feel
across all browsers and all pages.
● Involved in solving browser compatibility issues and maintain consistency throughout the web
application.
Wi-Tronix - Chicago, IL Mar 2018 – Mar 2019
Role: Front End Developer
Responsibilities:
● Involved in requirement gathering, designing, development, UI reviews, and maintenance.
● Created Responsive web application using Angular, HTML5, CSS3, JavaScript, Bootstrap, Node
and Express.
● Worked Extensively with Angular CLI for creating components, Services, pipes, Directives.
● Worked on some of the new features of Angular 4 like new if else syntax, ng-templates, form
validators.
● Designed and developed the application using Angular 2 framework along with HTML5, CSS3, Type
Script, Java Script, Bootstrap, Node.js, NPM.
● Moved existing Angular controllers and services to Angular 2 components for more responsive and
less dependency.
● Enhanced legacy application by building new components in Angular 2 and typescript.
● Developed single page applications using Angular 2, Typescript, web pack and grunt.
● Used JIRA to keep track of bugs to reduce downtime, increase productivity, and Communication.
● Used HTML5, CSS3, and native JavaScript components to design rich and Interactive User Interface
(UI) pages.
● Application backend implemented using Node.js application server.
● Worked with AngularJS for creating own HTML elements for building a companied Web site which
is an open-Source Project
● Designed and Developed Web applications using CSS pre-processors SASS and LESS.
● Working on developing prototypes using Node JS and Angular 2 and web compliance.
● Used Grunt, web pack with node js server in ES2015 for creating Single Page Applications.
● Implemented Angular 2 Router to enable navigation from one view to the next as agent performs
application tasks.
● Worked with NPM commands and using package.json for managing dependencies and dev-
dependencies of Node JS applications.
● Creating a responsive web application integrating Twitter Bootstrap with Angular 2 and media
queries.
● Responsible to manipulate HTML5, CSS3 in JQuery as well as making the page’s dynamic using
JSON and XML.
● Implement UI page loading test by running test script on WebPageTest
● Using Angular 2 created Responsive Web Design (RWD) and did data manipulations to display data
in company standard format in UI.
● Created UML use case diagrams, sequence diagrams for the application using Rational Rose.
● Used Scrum Agile methodology that included iterative application development, weekly Sprints,
stand up meetings and customer reporting backlogs.
● Designed the applications using MVC, Session, Facade, Service Locator and Business Delegate
patterns.
● Extensively used Spring MVC framework to develop the web layer for the application.
● Used JSP and JSTL Tag Libraries for developing User Interface components.
● Developed JSP as the view, Servlets as Controller and EJB as model in the Struts Framework.