Sr. UI Developer
Teja Vakalapudi
Email: ***************@*****.*** Ph: +1-214-***-****.
PROFESSIONAL SUMMARY:
8+ years of experience in developing dynamic Web Applications using HTML, BOOTSTRAP, CSS, jQuery, JavaScript, Angular 12, 14, 16 and 18 React.js / Redux and Node.js.
Well versed in Software Development Life Cycle (SDLC) management models namely Waterfall and Agile (SCRUM) models.
Experienced in developing both front end and back-end applications using JSTL, HTML, HTML5, CSS, CSS, JavaScript, EXTJS4, Angular JS 2.0, React JS, Redux, Backbone.JS, Tiles, MVC, XQuery, Adobe Flex4, DHTML, Ext JS, Mark Logic, Knockout JS, Polymer, Node JS, SAAS, D3, RWD, DOM, DOJO, Flash, Gulp, PHP, Python, Ruby, Perl, XHTML, jQuery, and Ajax.
I worked on SCRATCH, CSS Background, CSS Positioning, CSS Text, CSS Border, CSS Margin, CSS Padding, CSS Table, Pseudo Classes, Pseudo Elements and CSS Behaviors in CSS.
Experience in working with Angular modules, services, templates, directives, services and dependency injection to create a SPA.
Experience in Developing User Interface (UI) Rich Web Applications, and Web Service Applications using Front End/User Interface (UI) Technologies like Object Oriented JavaScript, Type Script, Angular, Bootstrap, Media Queries, CSS Frameworks.
Proficient in Object Oriented Design/Development (OOD), Object Oriented Analysis and Design (OOAD), Model View Control (MVC) design pattern and Test-Driven Development (TDD).
Expertise in Angular framework and its ability to create simple and scalable code for SPA.
Experience in front-end development using HTML5, CSS3, Bootstrap, ECMA Script, JavaScript, Typescript, Ajax, jQuery, Redux, AJAX, XML, JSON, Angular 2/4/6/7/8/12/14/16, ReactJS and Node JS.
Experience in making Responsive Web Pages using Media Queries and Bootstrap, Material Design lite for styling mobile applications.
Experienced in Angular Framework and integrate them into NodeJS server-side code.
Developed the backend by using NodeJS, ExpressJS and MongoDB.
Experienced in implementing the MVC architecture in backend applications NodeJS along with ExpressJS.
Experience building on a full JavaScript technology stack such as MEAN and MERN.
Expert in interactive webpage technologies, such as Ajax and related data format standards, like XML and JSON.
Proficient in open-source, cross platform Native JavaScript run time environment with Event- Driven networking Node.JS.
Experience with developing angular applications from scratch using Angular-CLI.
Strong understanding of SOAP & RESTful APIs and integration with React/Angular App.
Good experience in implementing API authentication and authorization using the OAuth 2.0 protocol vs JWT and used token mechanism for the authentication of API requests.
Good knowledge in using Angular 12/Angular 14 factory and services for dependency injection, developed reusable components using Custom Directives in Angular JS.
Experience in developing Mobile Applications by using Adobe Phone gap/ Phone Gap Build, Ionic, Sencha Touch, Apache Cordova.
Strong understanding of the Amazon Web Services (AWS) cloud platform with hands-on experience in deploying scalable solutions using services such as EC2, S3, EBS, Elastic Load Balancer (ELB), and Auto Scaling Groups.
Skilled in cross-browser compatibility testing, with experience ensuring consistent functionality across major browsers including Safari, Internet Explorer, Mozilla Firefox, and Google Chrome.
Proficient in working within LAMP and WAMP stack environments for full-stack development and deployment.
Adept at designing user-centric interfaces, including the creation of mockups, prototypes, page layouts, and user flow diagrams.
Experienced in responsive web design and front-end frameworks like Bootstrap, with a strong focus on enhancing user experience (UX) across various devices and browsers.
Solved intellectual challenges related to UX design and ensuring seamless cross-browser performance.
Designed visually engaging and user-friendly interfaces with a strong focus on usability, UX, cross-browser compatibility, SEO, and adherence to modern web standards.
Hands-on experience with JavaScript MVC frameworks including AngularJS and Node.js, enabling dynamic and modular front-end development.
Proficient in creating and managing styles using SASS, enhancing maintainability and scalability of CSS codebases.
Skilled in utilizing JSON for interactive UI development and seamless integration with backend services.
Experienced with a wide range of development and design tools including Adobe Dreamweaver, Adobe Experience Manager (AEM), Eclipse, NetBeans, and Adobe Photoshop.
Proficient in unit testing using JUnit to ensure high-quality and reliable code.
Developed standardized logging mechanisms using Log4j to improve system monitoring and issue tracking.
Strong debugging and troubleshooting capabilities using tools like Firebug and modern browser dev tools.
Expertise in automating build and deployment processes using ANT and Maven.
Adept in version control and configuration management using CVS, SVN, and Git, with hands-on experience managing repositories and collaborating in Git-based workflows.
Solid understanding of Agile methodologies, with practical experience in fast-paced Scrum environments.
Strong technical, analytical, and problem-solving skills, with the ability to work both independently and collaboratively in team settings.
Excellent communicator with well-rounded interpersonal and architectural skills, capable of engaging effectively across technical teams, management, and clients.
TECHNICAL SKILLS:
UI/Web Technologies
HTML, HTML 5, XHTML, XSL, XML, XSLT, JavaScript, AJAX, jQuery, JSON, CSS, CSS3, Selenium, Protractor, Angular.JS, Angular 12.0, Angular 14.0, React.JS, Redux, mark logic, Backbone.JS, Responsive Web design (RWD), RESTful API’S, UI Concept Modeling, Wire framing, D3, Grunt, NPM, Bower, Polymer, Node JS, SAAS, Typescript, AngularJS, NGRX, Knockout.JS, Bootstrap, Gulp, Redux, Ext.JS, Bootstrap, Web pack, Babel.
Java/J2EE Technologies
Servlets, JSP, JSTL, JDBC, JMS, JNDI, EJB, Swing, AWT, Multi-threading, Microservices
Programming Languages
Java 1.8/11, Core Java, SQL, PL/SQL, C, C++, Python
J2EE Frameworks
Spring MVC, Struts, JSF
Developing Languages
C, .net, JavaScript.
ORM
Sequelize.js, Mongoose
Databases
Mongo DB, MY SQL, Maria DB, Oracle, MS SQL, MS SQL Server, Cassandra, PostgreSQL
Debugging Tools
Chrome Inspector, Firebug, IE Tester
Version Control
GIT, SVN
Operating systems
Unix, Windows, Linux
Developer Tools
Notepad++, Visual Studio, NetBeans IDE, Eclipse
Cloud Platforms
Amazon Web Services
Testing Tools
Jasmine, Karma
Task Runner
Grunt
Methodologies
Waterfall, Agile
Other
NPM, Gulp, Putty, Dreamweaver, MS Office
Cloud Services
Microsoft Azure, Amazon Web Services (AWS)
AWS Services
EC2, VPC, S3, CloudFront, CloudWatch, RDS, Aurora, Glacier, SQS, SNS
PROFESSIONAL EXPERIENCE:
Client: SLB 2022 May – Present
Role: Sr. UI Developer
Location: Houston, Texas
Responsibilities:
•Developed scalable and high-performance web applications using Angular 13, 14, 16 and 18, leveraging its component-based architecture and TypeScript for building robust and maintainable front-end code.
•Built Angular applications using NgRx Store, Effects, and Selectors, leveraging RxJS and reactive programming principles to manage complex app state and asynchronous data flows.
•Created dynamic forms using Reactive Forms in Angular, implementing nested controls, custom validators, and real-time validation feedback.
•Developed feature-rich dashboards and user interfaces with Angular Material, Tailwind CSS, and SCSS, ensuring responsive designs and cross-browser compatibility.
•Designed and built reusable custom components, directives, and pipes to standardize UI patterns and streamline development across multiple modules.
•Integrated client-side applications with RESTful APIs and GraphQL endpoints, using Angular’s HttpClient and Apollo Angular for optimized data fetching.
•Implemented lazy loading, route guards, and Angular resolver services to improve routing performance, modularity, and user experience.
•Utilized RxJS operators such as switchMap, mergeMap, debounceTime, and catchError for efficient stream management and error handling.
•Integrated JWT-based authentication and role-based access control in Angular using HTTP interceptors and route guards.
•Performed unit testing with Jasmine and Karma, and end-to-end testing with Cypress, ensuring code reliability and preventing regressions.
•Built responsive web layouts using HTML5, SCSS, Flexbox, Grid, and Tailwind CSS, maintaining consistent design systems across multiple screens.
•Optimized Angular applications for performance using Ahead-of-Time (AOT) compilation, lazy loading, and tree shaking.
•Configured and customized Angular CLI, Webpack, and linting tools (ESLint, Prettier, Husky) for clean builds and consistent code formatting.
•Developed a design system with shared components and themes, documented with Storybook for consistent and scalable UI across teams.
•Worked with .NET Core Web API for building lightweight backend services and integrated with Angular front end for seamless data flow.
•Used Entity Framework Core in .NET for CRUD operations, DTO mapping, and backend validation of frontend data.
•Participated in full-stack application development by consuming .NET REST APIs in Angular and ensuring type safety using TypeScript interfaces.
•Designed and implemented secure login flows with token-based auth (OAuth2, JWT) integrating both .NET and Angular.
•Utilized Azure DevOps Pipelines for CI/CD automation — including build, test, and deploy phases — for Angular and .NET applications.
•Managed source control using Azure Repos Git, handling code reviews, pull requests, and branch strategies for team collaboration.
•Created and deployed Angular builds to Azure App Services and Azure Blob Storage using deployment slots and environment variables.
•Monitored Angular applications using Azure Application Insights, capturing telemetry, custom events, and performance metrics.
•Integrated third-party libraries such as ngx-toastr, ngx-translate, AG Grid, and Chart.js for enhanced UI capabilities and multilingual support.
•Employed Test-Driven Development (TDD) approach for feature development using unit and integration tests to ensure early detection of issues.
•Used Docker to containerize Angular apps and .NET APIs, configuring Dockerfiles and docker-compose for local and cloud-based environments.
•Managed environment-specific configurations in Angular using .env files and runtime environment variables injected at build time.
•Leveraged GitHub, Azure DevOps, and JIRA for version control, task tracking, and agile project management workflows.
•Worked in Agile/Scrum development environment, participating in daily stand-ups, sprint planning, reviews, and retrospectives.
•Engaged in code reviews and mentorship, promoting best practices in UI architecture, performance optimization, and accessibility (WCAG) standards.
•Integrated caching and performance tuning techniques using browser-level storage, CDN assets, and backend-side enhancements (Redis, EF caching).
Environment: Angular 13/14/16/18, TypeScript, JavaScript, HTML5, SCSS, Tailwind CSS, Angular Material, .NET Core 6/7, C#, Entity Framework Core, SQL Server, Azure, Docker, Kubernetes, SignalR, JWT, OAuth2.0, NgRx, RxJS, RESTful APIs, GraphQL, Redis, Swagger, Azure DevOps, XUnit/NUnit, Jasmine/Karma, Git, Azure Active Directory, Redis Cache, AppSettings, Postman, Swagger UI, Selenium
Client: Zen3 infosolutions 2016 Jun – 2021 Nov
Role: UI Developer
Location: Hyderabad, India
Responsibilities:
Led the architectural design of scalable SPAs using Angular 11+ and React, optimizing component structure, lazy loading, and module federation for enterprise-grade apps.
Designed and implemented shared component libraries using Storybook and Nx Monorepos for cross-project UI consistency and reuse.
Delivered high-performing front-end applications using RxJS, NgRx, and Redux, implementing advanced state management and reactive design patterns.
Worked on front-end best practices, TypeScript, and component-driven development across multiple teams in Agile/Scrum environments.
Built Progressive Web Applications (PWAs) with service workers, caching strategies, and offline capabilities using Angular Service Worker & Workbox.
Integrated end-to-end CI/CD pipelines for Angular/React apps using GitLab CI, Jenkins, and Azure DevOps, automating linting, unit tests, and production deployment.
Implemented advanced unit and integration testing using Jasmine, Karma, Jest, and Cypress, achieving >90% test coverage on critical modules.
Spearheaded frontend performance tuning using Lighthouse, Webpack Bundle Analyzer, and Chrome DevTools, reducing TTI and FCP by 50%.
Developed and consumed GraphQL APIs using Apollo Client, optimizing data-fetching strategies with fragments and caching mechanisms.
Enforced application security standards by integrating OAuth2, JWT authentication, CSRF/XSS protection, and route guards.
Developed advanced Angular Reactive Forms with dynamic validation, nested groups, and form array structures for complex workflows.
Implemented custom structural and attribute directives in Angular to handle complex UI behavior logic elegantly.
Designed and styled UI with Tailwind CSS, SCSS, and BEM methodology, ensuring design system scalability and consistency.
Created cross-browser compatible interfaces using Polyfills and PostCSS, ensuring seamless experience across Chrome, Firefox, Edge, Safari.
Led feature module development with routing, lazy loading, and resolver guards, enhancing scalability and performance.
Built full-stack JavaScript apps using Node.js, Express.js (for backend), and MongoDB for CRUD operations and RESTful APIs.
Utilized WebSockets for real-time updates in dashboards and notification systems, enabling instant user feedback.
Implemented route-based code splitting, Ahead-of-Time (AOT) compilation, and differential loading in Angular builds for speed optimization.
Developed reusable, responsive UI components with Angular Material and Bootstrap 4/5, adapting layouts for mobile, tablet, and desktop views.
Refactored legacy jQuery/Backbone apps to Angular 7+, increasing maintainability and reducing technical debt.
Used Git and GitHub/GitLab extensively for version control, handling branch strategies, PR reviews, and conflict resolution.
Designed and integrated RESTful services and APIs using Axios, HttpClient (Angular), and Fetch API for seamless frontend-backend communication.
Used SCSS mixins, nesting, variables, and functions to write modular and maintainable stylesheets in large projects.
Built dynamic DOM manipulations using jQuery and vanilla JavaScript before moving to framework-based development.
Practiced Object-Oriented JavaScript (OOP), learning key concepts like closures, prototypal inheritance, and ES6+ class syntax.
Developed basic CRUD interfaces using HTML, CSS, JavaScript, and handled form submissions and event listeners manually.
Explored foundational web concepts, DOM manipulation, Box Model, positioning (absolute/relative/flex/grid), and responsive design.
Understood browser rendering and event loop through hands-on debugging with browser dev tools.
Built simple HTML pages using semantic tags and CSS3 for styling, using inline and embedded stylesheets.
Started with HTML, CSS, and basic JavaScript projects, static pages, to-do apps, and form validations to build a strong foundation in UI development.
Environment:
HTML5, CSS3, SCSS, JavaScript (ES6+), TypeScript, Bootstrap, Angular 2–13, Angular Material, RxJS, NgRx, React.js, Redux, Node.js, Express.js, MongoDB, RESTful APIs, GraphQL, Git, GitHub, GitLab, Azure DevOps, Jenkins, Jasmine, Karma, Jest, Cypress, Webpack, npm, yarn, Docker, Postman, Chrome DevTools, Figma, Adobe XD, Visual Studio Code, Firebase, JSON, Webpack Bundle Analyzer