User Experience Data Center

MAHENDER MUPPA *********.****@*****.***

Mobile +1-703-***-**** https://www.linkedin.com/in/mahender-muppa-86968210/

PROFILE SNAPSHOT

Over 15 years of extensive experience as a Front-End UX/UI Developer with solid understanding of application designing, development and installation of different modules.

Worked on projects of global retailers - 7-Eleven, Macys, Kohls, American eagle, Columbia Sportswear and Cloud4C Services (Tier-4 Data Center).

Worked with npm commands and using package. json for managing dependencies and dev-dependencies of NodeJS applications.

Implemented dynamic module loading, integrated with data streaming services, designed interactive visualizations, ensured cross-micro frontend communication.

Expert in designing User experience using Adobe Photoshop, Figma, InVision, Miro, Axure, Sketch, MS Power point.

Implemented ADA compliance and WCAG 2.0 guidelines in Websites.

Expert in developing User Interface UI applications and professional web applications using JavaScript, HTML5 /DHTML, DOM, XHTML, jQuery, CSS3, Ajax and JSON.

Extensive experience in various UI widgets (Components) using JavaScript libraries like React Js, angular, Require.js, Ext.js (Sencha), Redux and Node.js and developing Rich Internet Applications RIA.

Extensive experience on implementing the AJAX features using JavaScript and jQuery.

Experienced in using Front End editors like VS Code, Atom, Sublime, Eclipse 3.0, Spring Source, Adobe Dreamweaver, Microsoft Visual Studio, Microsoft FrontPage.

I have extensively utilized popular reusable frameworks such as Bootstrap, Material-UI, and Semantic UI to streamline the creation of responsive and visually appealing user interfaces. By harnessing the pre-built components and styling offered by these frameworks.

Strong knowledge in cross browser compatibility issues and W3C standards.

Experience of working on CSS Preprocessors like LESS and SASS along with JavaScript task runners like GruntJS.

Experience with versioning tools like GIT and Subversion

Excellent interpersonal abilities, communication skills, time management and Team skills with an intention to work hard to attain project deadlines under stressful environments.

Excellent working knowledge and thorough exposure on compatibility issues with different versions of browsers like Internet Explorer, Mozilla Firefox, Safari and Google Chrome.

SKILLS SUMMARY

Web Technologies

HTML/HTML5, CSS2/CSS3, SCSS, SASS, LESS, RWD, Media Queries, Bootstrap, Foundation, Material UI, Tailwind CSS, Ant Design, Web Accessibility, ADA Compliance, WCAG, Form.io

Design Skills

User Experience Design, Interaction Design, User Interface Design, Prototyping, Usability Research, Wireframing, User Testing

Design Tools

Adobe Photoshop, Figma, InVision, Miro, Axure, Sketch, MS Power point

JavaScript

ES6, JQuery, MVC, AJAX, JSON, AngularJS, Angular 8, KnockoutJS, ReactJS, NextJS, NodeJS, ExpressJS, ExtJS, Redux, Ag-Grid, NextJS

CMS Tools

Adobe Experience Manage, Web Center Sites, Joomla, Word press.

Debugging Tools

Chrome Developer Toolbar, Firebug, IE Developer Toolbar, Safari Web Developer.

IDE & Tools

Visual Studio Code, Atom, Dreamweaver, Sublime, Visual Studio, Eclipse, Notepad++.

Web Servers / Cloud

HTTP Web Server, Apache Tomcat, Web Logic, Wamp, Xampp, AWS

Database

SQL Server 2005, MySQL, Oracle, postgresql, MongoDB

Version Control

SVN, GitHub, Bitbucket.

Methodologies

SDLC- Agile, Waterfall.

Operating System

Windows 98/2000/XP/Vista/7/8/10, MAC OS X, Linux, Unix.

Unit Testing (TDD)

JEST, ENZYME.

Build tools

Jenkins

Web Analytics

Adobe Analytics, Google Analytics, Ad hoc Analysis (Discover), Adobe Report Builder, Adobe Target, Adobe Audience Manager

ACADEMIC QUALIFICATION

Masters in computer applications (MCA) from Indira Gandhi National Open University, New Delhi, India in 2004

Bachelor’s Degree from Osmania University, Hyderabad, India in 2000.

PROFESSIONAL EXPERIENCE

Lead Frontend Developer, Elevance Health (Anthem) - Richmond, VA Oct 2022 to Till Date

Working in eComm Services and UI portal

This application is a comprehensive data migration dashboard for an E-commerce platform to facilitate seamless data movement between legacy systems and a modern MongoDB-based infrastructure. The project involved UI/UX design, frontend development using React.js, backend development with Node.js and MongoDB, and collaboration tools such as Figma, Photoshop, and Miro.

Technical Leadership

Provide strategic direction and technical leadership for the UI development team, overseeing the design, implementation, and maintenance of web-based user interfaces. Lead by example, fostering a culture of excellence, innovation, and collaboration within the team.

Architecture and Design

Define and drive the architecture and design of complex UI solutions, ensuring scalability, performance, and maintainability. Collaborate with stakeholders, architects, and backend developers to establish cohesive integration strategies and maintain consistency across the application stack.

Team Management and Mentorship

Manage and mentor a team of UI developers, providing guidance, coaching, and support to foster professional growth and skill development. Conduct regular code reviews, set coding standards, and facilitate knowledge sharing sessions to promote best practices and ensure code quality.

ChatBot implementation

- Developed and deployed a conversational AI chatbot using [JavaScrip, ReactJS,GPT-3], streamlining customer

queries and reducing response time by [X%].

- Integrated a custom chatbot solution to enhancing user engagement by providing automated assistance and support.

UI/UX Design

- Utilized Figma to create wireframes and interactive prototypes, ensuring an intuitive user interface.

- Designed a responsive dashboard with a focus on user-friendly data migration workflows.

- Collaborated with stakeholders to incorporate design feedback and refine the user experience.

- Created a design system for consistent styling and component reuse.

Frontend Development (React.js and JavaScript):

- Developed the data migration dashboard using React.js, JavaScript, incorporating the designed components.

- Implemented a responsive design to ensure optimal user experience across various devices.

- Utilized state management libraries such as Redux for efficient data handling.

- Create different forms with Form.io

- Integrated real-time updates using WebSockets for monitoring migration progress.

- Performed Unit Testing with Jest and Enzyme (TDD)

- Fully automated deployments with Jenkins

Backend Development (Node.js and MongoDB):

- Implemented Node.js backend services to handle data migration tasks.

- Utilized MongoDB as the primary database for storing and retrieving migrated data.

- Developed RESTful APIs to connect the frontend with backend services.

- Implemented authentication and authorization mechanisms for secure access.

- Using SQL and NoSQL on the back end Along with Lambda/S3/CloudWatch

Technologies: ReactJS, Ant Design, Material UI, Web Services - Restful (Microservices), Form.io, NodeJS, ChatBot, MongoDB, GraphQL, KAFKA, SFMC, Figma, Photoshop, Miro, TypeScript, JavaScript, Redux, HTML5, CSS3, Web Services, Single Page Application, AWS Kendra, expressJS.

Sr Frontend Developer, 7-Eleven, Dallas, TX Oct 2020 to Oct 2022

Retail Price Manager Application

Led the development of a comprehensive Retail Price Manager application using Node.js and ReactJS as UI layer to optimize and streamline pricing strategies for a retail environment. This project focused on enhancing pricing efficiency and maintaining competitive pricing strategies.

Team Leadership and Mentorship

- Provide leadership and guidance to a team of UI developers, fostering a collaborative and high-performance work environment.

- Mentor junior team members, conducting code reviews, and offering constructive feedback to promote skill development and growth.

Technical Strategy and Architecture

- Define the technical vision and roadmap for UI development, aligning it with overall project objectives and business requirements.

- Architect robust and scalable front-end solutions, making informed decisions on technology stack, design patterns, and architecture best practices.

Cross-functional Collaboration

- Collaborate closely with product managers, designers, and backend developers to translate business requirements into technical solutions.

- Facilitate communication and alignment between different teams, ensuring a cohesive approach to product development and delivery.

Quality Assurance and Best Practices

- Establish and enforce coding standards, best practices, and UI design guidelines to maintain code quality and consistency across projects.

- Implement automated testing strategies and tools to ensure the reliability, performance, and accessibility of UI components and features.

Project Planning and Execution

Lead the planning and estimation of UI development tasks, working closely with project managers to define timelines and deliverables.

Drive the execution of UI initiatives, monitoring progress, identifying risks, and proactively addressing challenges to ensure timely and successful project delivery.

Engineered the backend of the application using Node.js and Express to handle dynamic pricing calculations, product data retrieval, and integration with external pricing databases.

Integrated the application with external APIs to fetch real-time market pricing data, enabling the system to adjust retail prices dynamically based on market trends and competitor pricing.

Designed and implemented an efficient data model to store product information, historical pricing data, and sales metrics. Utilized PostgreSQL as the database to ensure scalability and flexibility in managing large datasets.

Design, develop and test with Adobe Photoshop, Figma, Miro, HTML5, CSS3, Bootstrap, Material UI, Tailwind CSS, JavaScript, TypeScript, ReactJS and jQuery that meets accessibility and web browser standards for website.

Wireframing and prototyping with design tools.

Developed user interface by using the JavaScript, React JS, Redux for SPA development.

Implemented WCAG 2.1 guidelines, including keyboard navigation improvements, alt text optimization, and focus management.

Utilized ARIA roles and attributes to enhance the experience for users of assistive.

Worked in using, React JS components, Forms, Events, Keys, Router, Animations and Redux concept.

Used Web services (SOAP and RESTful) for transmission of large blocks of XML/JSON.

Worked on responsive design and developed a single Material UI responsive website that could be served to desktop, Tablets and mobile users using React.js.

Implemented a CI/CD pipeline using Jenkins and Docker

CI/CD pipeline streamlined development processes by automating build, test, and deployment procedures.

Developed and maintained website features with a focus on ADA compliance and WCAG 2.0 guidelines.

Maintained states in the stores and dispatched the actions using redux.

Performed Unit Testing with Jest and Enzyme (TDD)

In Phase Two, worked closely with the Back-End team to display data using the Custom Components, library Components, and Redux.

Used Middleware, Redux-Promise in application to retrieve data from Back-End and to also perform RESTFUL services.

Worked with backend engineers to optimize existing API calls to create efficiencies by deprecating unneeded API calls.

Used Object Oriented Programming concepts to develop UI components that could be reused across the Web Application.

Extensively used Git for version controlling and regularly pushed the code to GitLab.

Used JIRA as the bug tracking system to track and maintain the history of bugs/issues on everyday basis.

Interacted with Testing Team, Scrum Masters and Business Analysts for fixing of Issues.

Ag-Grid implementation with client/server-side data, selection, filtering, rendering, layout styling and import/export features.

Technologies: Adobe Photoshop, Sketch Figma, ReactJS, NextJS, Material UI, Tailwind CSS, Node JS, TypeScript, JavaScript, Redux, jQuery, Ag-Grid, HTML5, CSS3, Web Services, Single Page Application, AWS, NodeJS, Express JS, PostgreSQL.

UI Lead Frontend, Cloud4c Services, San Francisco, CA July 2019 to Sep 2020

Service Desk Application

Strategic Leadership

- Spearhead the strategic direction of UI development initiatives, aligning them with organizational goals and market trends.

- Provide visionary leadership, driving innovation and continuous improvement in UI technologies and practices.

Technical Guidance

- Offer technical guidance and expertise to cross-functional teams, ensuring alignment with industry best practices and standards.

- Act as a subject matter expert on UI technologies, providing mentorship and support to team members.

Solution Architecture

Architect scalable and maintainable UI solutions, leveraging appropriate design patterns and frameworks.

Define and enforce architectural standards, ensuring consistency and coherence across projects.

Collaborative Problem-Solving

- Collaborate with stakeholders to identify business needs and translate them into technical requirements and solutions.

- Lead cross-functional teams in problem-solving and decision-making, fostering a culture of collaboration and innovation.

Quality Assurance & Optimization

- Establish and enforce coding standards, code reviews, and quality assurance processes to ensure high-quality, performant UI code.

- Implement strategies for optimization and performance tuning, addressing scalability and efficiency concerns.

Project Management

- Oversee the planning and execution of UI development projects, coordinating resources and managing timelines and budgets.

- Drive project delivery excellence, monitoring progress and mitigating risks to ensure on-time and on-budget delivery.

Stakeholder Communication

- Serve as a primary point of contact for UI-related matters, communicating effectively with stakeholders to manage expectations and address concerns.

- Facilitate collaboration and alignment between UI teams and other departments, fostering a culture of transparency and accountability.

Continuous Learning & Development

- Stay current with emerging UI technologies and industry trends, evaluating their potential impact on organizational objectives.

- Encourage a culture of learning and development within the UI team, supporting skill-building initiatives and knowledge sharing.

Worked on an Agile (Scrum) Development Team to deliver regular updates to business team and project managers.

Involved designing in web pages using Adobe Photoshop, Figma, Miro, HTML 5, CSS3, JavaScript, Bootstrap, SASS, LESS, React.js, Redux, Flex, Mongo DB.

Responsible to Style, look and feel of the web page with SASS that extends CSS with dynamic behavior such as variable, mixing, operations and functions.

Researching JavaScript based frameworks like React Native and Ionic/Cordova for frontend.

Worked on React JS Virtual Dom and React views, rendering using components which contains additional components called custom HTML tags.

Implemented various screens for the front end using React.js and used various predefined components from NPM (Node Package Manager) and redux library.

Worked in using React JS components, Forms, Events, Keys, Router, Animations, and Flux concept.

Responsible for React UI and architecture. Building components library, including Tree, Slide-View, and Table Grid.

Implemented stable React components and stand-alone functions to be added to any future pages.

Involved in complete SDLC - Requirement Analysis, Development, System and Integration Testing.

Handled cross browser/platform compatibility issues (IE, Firefox, and Safari) on both Windows.

Technologies: Adobe Photoshop, Figma, Miro, ReactJS, NextJS, Material UI, Node JS, Axios, JavaScript, Redux,

TypeScript, Jest, HTML5, CSS3, Angular 8, Web Services, Single Page Application, .Net, Azure.

Technical Lead Frontend development, Macys, San Francisco, CA July 2018 to May 2019

Digital Marketing Experimentations and Dashboard

Created a custom responsive web application to replace a legacy line-of-business web application using Angular JS.

Developing and designing SPA user interfaces in AngularJS.

Worked on Front end by using AngularJS, JavaScript.

Used Angular.js for connecting the API's using Angular.js $http service.

Designed dynamic and multi-browser compatible pages using HTML, CSS, AngularJS and JavaScript.

Defined new validations through AngularJS for the form field validation implemented through HTML5.

Used AngularJS multiple in-built directives such as filters, root scope, scope, modal, template, state etc.

Developer responsive interface using Bootstrap and used SASS for CSS.

Responsible for creating the screens with table-less designs meeting W3C standards.

Applied jQuery scripts for basic animation and end user screen customization purposes.

Responsible for front-end UI design using HTML5, CSS3, JavaScript, jQuery, jQuery plugins.

Used Media Queries for the design to be compatible in all devices.

Developed different jQuery component in MVC framework.

Used Dreamweaver as editor for designing new pages.

Implemented the Drag and Drop functionality using jQuery framework.

Used Grunt as task runner to test the JavaScript with JSHint.

Worked on Cross-Browser Compatibility and tested each & every web application on popular web browsers such as Internet Explorer, Firefox, Safari, Opera and Chrome.

Used Media Queries to deal with different CSS related issues on different devices.

Technologies: Adobe Photoshop, Axure, ReactJS, Material UI, Node JS, Axios, JavaScript, JQuery, HTML5, CSS3, Web Services, Single Page Application, Adobe Target, A/B Testing, Adobe Analytics, Node JS.

Technical Lead(UI), Columbia Sportswear, Portland, OR Oct 2017 to June 2018

CMS for Retail Pages

Optimized front-end efficiency by shifting the blogs over to Adobe Experience Manager and brand-associated them to the main site.

Designing, capturing, consolidating, and maintaining key metrics.

Creation and troubleshooting of Target campaigns - Targeting Experience, A/B campaigns.

Onboarding of websites into Audience Manager (SSF) and Target.

Resolved design issues through root cause analysis and performed data cleanups

Work on AEM (Adobe Experience Manager) and its applications as a CMS.

Developed and maintained website features with a focus on ADA compliance and WCAG 2.0 guidelines.

Perform Unit Testing (TDD)

Utilized HTML, CSS, JavaScript, SASS, Post-CSS, NPM, Node.js, Grunt, for e-commerce site development.

Coordinated with team of UX designers to create new Web Content Management system

Attending daily scrums and participating in Iteration planning sessions/Requirement Gatherings

Used Web services (SOAP and RESTful) for transmission of large blocks of XML/JSON.

Extensively used Git for version controlling and regularly pushed the code to GitHub.

Performed the System Testing, Regression Testing for Complete UI after fixing the Issues which are reported by Testing Team.

Technologies: Adobe Photoshop, Axure, MS Power point, Adobe Experience Manager, Demandware, AJAX, JavaScript, jQuery, ReactJS, Bootstrap, Node JS, XML, Web Services, Adobe Target, Adobe Audience Manager

Technical Lead (UI), Kohls, Milpitas, CA Apr 2016 to Sep 2017

CMS for Retail Pages

Gathered and analyzed the requirements and converted them into User Requirement Specifications and Functional Requirement Specifications for the designers and developers to understand them as per their perspective.

Focused on developing websites using Oracle WCS, DAM and Dreamweaver.

Creation and troubleshooting of Target campaigns - Targeting Experience, A/B campaigns.

Developed and maintained website features with a focus on ADA compliance and WCAG 2.0 guidelines.

Involved in development of User Interface using HTML/HTML5, CSS/CSS3, JavaScript, and jQuery, AJAX, JSON and AngularJS.

Extensively used Angular UI (Angular Bootstrap) for ng-grid, and UI components.

Extensive experience using Bootstrap for layout.

Debug the application using Firebug to traverse the documents and manipulated the Nodes using DOM and DOM Functions.

Participate in the team on agile development cycle.

Followed SCRUM methodology.

Produced content pages with CSS3 layout and style markup presentations and also used JavaScript methods and properties.

Developed different jQuery component in MVC micro architecture framework which internally use various design pattern such as singleton, command, delegate, etc.

Version control using SVN.

Ensured site design integrity and quality control consistency throughout the project's lifecycle.

Updated the website from time to time for special requirements.

Provided declarative and programmatic security by authorizing the logged in user based on User designation.

Involved in Unit, Integration and System Test and maintain application.

Technologies: Adobe Photoshop, Axure, MS Power point, Oracle Web Center Sites, ATG, JSP, AJAX, JavaScript, Mongo DB, jQuery, XML, Web Services, Adobe Target, Adobe Audience Manager.

Technical Lead (UI / UX), American Eagle Outfitters, SFO, CA Feb 2014 to Mar 2016

CMS for Retail Pages

Involved designing in web pages using HTML5, CSS3, JavaScript, Bootstrap, SASS, LESS, React.js, Redux, Flex, Mongo DB.

Creation and troubleshooting of Target campaigns - Targeting Experience, A/B campaigns.

Working on JIRA tickets related to Adobe Analytics dashboard, Ad-hoc Analysis reporting process documents, tracking issues etc.

Onboarding of websites into Analytics, Audience Manager (SSF) and Target.

Responsible to Style, look and feel of the webpage with SASS that extends CSS with dynamic behavior such as variable, mixing, operations and functions.

Developed and maintained website features with a focus on ADA compliance and WCAG 2.0 guidelines.

Implementation of server-side CSS preprocessors (Stylus)

Implemented various screens for the front end using Angular.js and used various predefined components from NPM (Node Package Manager) and redux library.

Used AngularJS for templating for faster compilation and developing reusable components.

Configured Web pack to execute linters, magnifiers, pre/post-processors, tests, transpires, etc. based on build target.

Developed dynamic retail page content management with Web Center sites (CMS Tool).

Experience in RESTful web services to integrate between Server side to Client Side.

Worked with JASMINE unit test framework to write unit tests for JavaScript code.

Handled cross browser/platform compatibility issues (Chrome, IE, Firefox, and Safari) on both Windows.

Technologies: Adobe Photoshop, InVision, Sketch, MS Power point, Oracle Web Center Sites, JSP, AJAX, JavaScript, AngularJS, jQuery, Bootstrap, Stylus, XML, Web Services, Adobe Photoshop, Adobe Target, Adobe Audience Manager

Senior UI Developer, RealPage, Dallas, TX Aug 2010 to Jan 2014

Crossfire Portals (Property Management Portals)

Reviewed code, debugged problems and corrected issues.

Work on .net environment web pages’ integration.

Prepared Technical Specifications based on the functional requirements.

Extensively used Angular UI (Angular Bootstrap) for ng-grid, and UI components.

Extensive experience using Bootstrap for layout.

Worked on creating responsive website for smart devices using Responsive design and media queries.

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

Developed the pages that are complaint to W3C standard

Coordinate with Interface Design Architects for meeting accessibility standards at code level.

Involved in development of User Interface using HTML/HTML5, CSS/CSS3, JavaScript, and jQuery, AJAX, JSON and AngularJS.

Developed different jQuery component in MVC micro architecture framework which internally use various design pattern such as singleton, command, delegate, etc.

Technologies: Adobe Photoshop, Axure, MS Power point, ASP.Net 2.0, C#.Net, ADO.Net, AJAX, OO JavaScript, KnockOutJS, SQL Server 2005, jQuery, XML, Web Services, WCF Services.

Senior UI Developer, Riyadh, UAE Feb 2009 – June 2010 Election System, Educational Geospatial System, Geo Banking System

Effectively interact with a cross functional development team to develop user interface deliverables that meet defined business and technical requirements

Involved in development of web pages using ExtJS framework standards.

Actively participate in design and code reviews

Developing user interfaces for web/mobile using object-oriented design and implementation required

UI development experience using JavaScript frameworks, AJAX, and other user interface technologies

Architecture design / team management / leadership desired

Experience with modern technologies like HTML5, CSS3, SVG, ES6 required

Experience with D3 or other charting libraries desirable

Work autonomously in an agile like environment

Collaborate with team members to quickly deliver customer value

Technologies: Adobe Photoshop, MS Power point, ExtJS 3.2.2 Framework, Eclipse 3.1, Servlets, JSP, Dreamweaver, HTML, CSS.

UI/UX Developer, K-Soft INC, Jacksonville, FL June 2005 - Jan 2009

As a UI/UX developer played a crucial role in creating user-friendly and visually appealing digital products, such as websites, web applications, mobile apps, and more.

Roles and responsibilities:

User Research: Conduct user research to understand target audience needs, preferences, and behaviors. Create user personas and user journey maps to guide design decisions. Analyze user feedback and data to inform design improvements.

Information Architecture: Define the structure and organization of content and features within the digital product. Develop site maps and wireframes to visualize the layout and navigation.

User Interface (UI) Design: Create visually appealing and consistent user interfaces. Design user interface elements, including buttons, forms, icons, and typography. Develop style guides and design systems for maintaining design consistency.

Prototyping: Build interactive prototypes to demonstrate the functionality and flow of the product. Conduct usability testing on prototypes to gather user feedback and iterate on designs.

Collaboration: Collaborate with cross-functional teams, including developers, product managers, and stakeholders. Communicate design concepts and rationale effectively to non-design team members.

User Testing: Plan and conduct user testing sessions to evaluate the usability of the product. Gather feedback from users and use it to make iterative design improvements.

Front-End Development: Convert UI designs into functional user interfaces using HTML, CSS, and sometimes JavaScript. Ensure responsive design for various screen sizes and devices.

Accessibility: Ensure the digital product is accessible to users with disabilities by following web accessibility guidelines (WCAG).

Performance Optimization: Optimize web assets and code for faster loading times and improved performance.

Documentation: Maintain documentation of design decisions, design systems, and UI/UX guidelines for the project.

Quality Assurance: Ensure the final product matches the design specifications and meets the intended user experience.

Technologies: Web Design, Development and Prototyping various web-based projects with Adobe Photoshop, InVision, MS Power point, ASP, Dreamweaver, HTML, CSS, JavaScript.

Contact this candidate