Home

Swapna Akkianti - Sr. Frontend Developer/ Senior React Dev / Micro-Frontend Specialist

[email protected]

Location: Dallas, Texas, USA

Relocation: yes

Visa: H1B

Resume file: Swapna UI Developement_1768332059784.docx Please check the file(s) for viruses. Files are checked manually and then made available for download.

Akkanti Swapna Senior Front-End/ UI Developer Email: [email protected] Ph: 469-936-0976 || Location: TX LinkedIn: https://www.linkedin.com/in/swapnareddyakkanti/ ________________________________________ Professional Summary: Around 9+ Extensive Experience in developing and designing user experiences of Internet/Intranet applications using HTML5, CSS3, Bootstrap, LESS, SASS JavaScript, jQuery, Typescript, AngularJS 2.x/5.0+, ReactJS Redux/Flux, AEM 6.2, JSX, RxJs, Jasmine, React-bootstrap, NodeJS, npm, Webpack, Babel, Grunt, Browsrify. Expertise in gathering, documenting and analyzing business requirements and worked on many project methodologies like Agile / Scrum. Expertise in developing single page applications (SPA) using MongoDB, Express JS, Angular 2/4/6, ReactJS, NodeJS (MEAN stack and MERN stack). Expertise in design and development of web and enterprise applications using React, Redux, AngularJS, jQuery, JavaScript, Ajax, Bootstrap, HTML5, CSS3, SASS, Stylus, ES6. Experience in using Redux to manage the application state and applying middleware such as redux-promise, redux-thunk and redux-saga. Experience in desinig React Native components and higher order components. Expertise in React JS framework to develop the SPA. Experienced in using ReactsJS components, Forms, Events, Keys, Router, Animations and Flux concept. Developed responsive and accessible UI components in React using the Octagon component library, ensuring consistency across multiple products. Leveraged Octagon s design system to implement scalable UI solutions and accelerate frontend development. Collaborated with design and product teams to extend and customize Octagon components for project-specific needs.. Expertise in creating Templates, Mockups and Prototypes, Web Interfaces, Layouts and Flow of Future Pages. Familiar with creating Custom Reusable React Components Library. Expertise in TypeScript, ExtJS, NodeJS, Bootstrap, Ember.JS, Microservices and Photoshop with strong experience in developing UI applications. Experienced in React JS and working with React Flux architecture using complex Object-Oriented concepts in improving the performance of the websites Continuous Integration and Continuous Deployment (CI/CD) of the Applications into Azure Cloud. Proficient in modern frontend technologies including React, TypeScript, Redux, and Mapbox GL JS, with a deep understanding of WebGL rendering pipelines. Experienced in CSS pixel-level layout, Consistency with browsers, Version and Platform Independence. Good Expertise in analyzing the Document Object Model (DOM) Layout, DOM Functions, and Java Script functions, Cascading Styles across cross-browser using Fire Bug, Developer Tool Bar. Strong understanding on MVC, MVVM, OOP, JavaScript. Worked with JavaScript validations and developed Object-Oriented code. Developed Web API using NodeJS and hosted on multiple load balanced API instances. Expertise in RESTful, SOAP web services to integrate between Application to Application Experienced with creating and reviewing UI design specifications, prototype development, and conducting usability tests to ensure quality assurance. Profiled and optimized rendering performance using Chrome DevTools and Deck.gl debugging tools. Experienced with front-end development with back-end system integration. Created API-driven interactive applications utilizing AJAX technology. Experienced with image editing tools such as Photoshop, Fireworks, and Illustrator. Experienced with various IDE s such as Eclipse, Sublime, Dreamweaver, and Notepad++. Extensively used the repositories like GitHub and SVN. Experienced in Node environment using Node.js, NPM, Grunt, Gulp, Groovy Bower. Experienced automatic build process by using Jenkins and Maven. Experienced in unit testing by using Karma and Mocha. Expertise in working on AWS to integrate the Server code to Client-side code. Excellent skills in programming using wide variety of languages and ability to adapt new latest technologies & work in Multi-platform environment. Technical Skill Web Technologies HTML, HTML5, CSS3, SASS, XHTML, XML, JavaScript, AJAX, jQuery, WordPress, JSON, Twitter Bootstrap, Typescript, React JS, Node.js, React Native. Development tools Visual Studio Code, Eclipse, Web Matrix, Web Strom, Bonita, Sublime, GitHub, Dreamweaver, and Notepad++. Debugging tools Firebug, Chrome Developer Tools, IntelliJ. Frameworks: React JS, Node JS, Angular JS, Vue JS, Nuxt JS. Servers IBM Web Sphere, Apache Tomcat, BEA WebLogic 8.1, J Boss, HTTP Web Server. Platforms: Windows 95/98/NT/2000/XP/Vista, Sun Solaris 9/10, IBM-AIX 5.2/5.3, Linux 5/6. Methodologies: Agile, Rational Unified Process (RUP), UML Water fall Database MONGO DB, PostgreSQL, Spunk data storage (Big data), Oracle 8i, 9i, 10g, SQL Server 2000, 2005 & 2008; IIS 6.0/7.0 Frond End Tools CorelDraw, Zeplin, Dreamweaver, Adobe Photoshop CS5, Illustrator Testing Tools and Logging Frame Works: Junit3.8/4.0, Load runner, Jasmine, Selenium, T-probe, Easy Mock, Jest, Karma, Quasar. Programming Languages JavaScript, Node.js, C++, JAVA, MySQL, C#, VB.Net, ASP.Net, web services. Educational Details: Bachelor of Technology in Computer Science from Kakatiya University- 2012 Work Experience: Wells Fargo/Persistent, Charlotte, NC Sep-2025 -Present Senior UI/React Developer Worked on a scalable Micro-Frontend architecture using Webpack Module Federation for host and multiple remote MFEs. Designed and developed Micro Frontends (MFEs) using Single-SPA and Webpack Module Federation, enabling independent development and deployment. Senior UI development initiatives, acting as a ReactJS technology contributor for enterprise-scale applications. Integrated MFEs with the Pioneer, Quasar framework to build metadata-driven, reusable UI components. Defined UI standards, style guides, and best practices for enterprise applications. Collaborated with architects, product owners, and stakeholders to translate business requirements into technical solutions. Mentored junior developers, conducted weekly code reviews, and ensured adherence to coding standards and best practices. Developed shared UI libraries and utility functions to ensure consistent design across multiple MFEs and applications. Managed inter-MFE communication using Redux global state, event-based messaging, and shared modules. Built reusable, responsive UI components using ReactJS, consumed by multiple applications across projects. Implemented dynamic, metadata-driven pages with generic code capable of rendering based on client requirements. Optimized application performance using lazy loading, dynamic imports, code splitting, memoization, and bundle size reduction techniques. Developed lazy-loaded MFE modules to improve initial load times and runtime efficiency. Developed and integrated multiple MFEs with seamless cross-application navigation using React Router and consistent UI/UX. Built reusable React + TypeScript components for dashboards, forms, tables, and shared UI widgets. Implemented Redux Toolkit with reusable async thunks, standardized API/error handling, and scalable store structures. Integrated multiple REST APIs with consistent loading states, error boundaries, and data normalization utilities. Improved overall application performance through modular architecture, optimized state management, and efficient rendering strategies. Implemented CI/CD pipelines to support independent deployment, versioning, and automated testing of MFEs. Deployed applications across multiple environments and resolved build and deployment issues as needed. Wrote unit test cases using Mocha, Chai, Sinon, and Enzyme, integrating automated testing into CI/CD workflows. Ensured strong front-end test coverage to prevent cross-MFE regressions. Enhanced application observability by implementing logging, error tracking, and performance monitoring for individual MFEs. Provided production support, resolving cross-browser compatibility issues and ensuring application stability. Maintained clean GitHub branching strategies (feature, release, hotfix) and delivered high-quality pull requests. Performed regular code reviews, optimized existing code, exchanged new ideas, and promoted best practices. Participated in Agile/Scrum ceremonies including standups, sprint planning, backlog grooming, and retrospectives. Collaborated closely with QA teams to define acceptance criteria, design test scenarios, and support regression and integration testing. Collaborated with backend teams using Java (17+) and Spring Boot to integrate RESTful APIs into Micro-Frontend modules. Ensured accurate API contracts, validation rules, and error handling using Swagger/OpenAPI documentation. Worked with backend developers on API versioning, authentication and authorization flows using Spring Security, and performance optimizations. Debugged integration issues using backend logs (SLF4J, Logback) and coordinated fixes across frontend and backend teams. Supported backend testing efforts by validating UI behavior against JUnit/Mockito-tested endpoints. Gained exposure to backend infrastructure components including Kafka, Redis, HikariCP, and external service integrations using RestTemplate/WebClient. Ensured secure communication using HTTPS, token-based authentication, and consistent security practices across MFEs. Enhanced developer productivity using GitHub Copilot for refactoring, boilerplate generation, and documentation support. Environment: React, TypeScript, JavaScript (ES6+), Micro-Frontend Architecture, Webpack Module Federation, Redux Toolkit, React Router, Context API, HTML5, CSS3, SCSS, Tailwind, Java (17+), Spring Boot, RESTful API integration, Swagger / OpenAPI, Kafka, GitHub, CI/CD Pipelines, Jira, Agile/Scrum, Splunk , SonarQube, Copilot, Visual Studio code, Jest, React Testing Library CBRE, TX Sr Front-End/ UI Developer Jan-2025 Aug-2025 Responsibilities: Responsible in developing a responsive web UI for ecommerce digital transformation website for mobile, tablet and desktop versions based on ReactJS, Next.JS, Vue JS. Designed and developed multiple modular view components and documented the usage to integrate into other projects. Architected and delivered feature-rich data grids using Ag-Grid within React and TypeScript applications, enabling complex enterprise workflows such as data review, inline editing, and bulk operations on large datasets. Implemented advanced Ag-Grid column definitions with custom cell renderers, value formatters, and conditional styling, translating business rules into intuitive, data-driven UI behavior for end users. Implemented user interface guidelines and standards throughout the development and maintenance of the website using JavaScript, Ember.js, jQuery, Node JS, Vue JS, Bootstrap, CSS and HTML . Used Object Oriented Programming concepts to develop UI components that could be reused across the Web Application . Involved in full-featured JavaScript application framework AngularJS, Backbone.js, ReactJS, and Ember.js, Vue JS, Quasar. Strictly adhered to the UX design and worked on implementing same and also worked closely with the UX designer to make any changes that was necessary. Developed high-performance interactive geospatial visualizations using Deck.gl, enabling real-time rendering of large datasets (millions of points) with smooth user experience. Developed and maintained interactive geospatial visualizations using Deck.gl, enabling smooth rendering of large datasets (e.g., GPS traces, census data, satellite imagery). Understanding of apple s design principles and interface guidelines and knowledge on REACT NATIVE app. Worked on Apache, Nginx and expertise in REACT Native. Writing the native bridges for IOS and Android to integrate with React App. Worked on React Native to develop single page application Implemented stable React components and stand-alone functions to be added to any future pages. Worked the backend by using Node JS, Express and Mongo DB. Worked in using React native components, Forms, Event, Keys, Navigation and Redux concepts. Refactored the app's navigation from the ground up using React Navigation to replicate native interactions. Refactored the code base to optimize start-up time and memory usage. Worked the backend by using Node js, Express JS, PostgreSQL, SQL and MongoDB. Customized and extended Octagon components to meet specific business requirements without breaking design or accessibility standards. Participated in code reviews and architectural discussions, ensuring code quality and adherence to Octagon and React best practices. Worked on modern web architecture using various advanced JavaScript frameworks and libraries like Angular.js, React.js/Redux and Ember.js Ensured WCAG 2.1 accessibility compliance across all UI features using semantic HTML, ARIA attributes, and Octagon's accessibility-ready components. Responsible for communicating with offshore team and delegate the issues with them whenever needed. Document the application process flow and test scenarios in confluence and share the document in the share point Well aware of deployment process in code fresh CI/CD pipelines and monitoring the changes to dev environments. Worked on an Agile (Scrum) Development Team to deliver regular updates to business team and project managers. Involved in SaFe Agile ceremonies. Active in agile ceremonies i.e., iteration planning, iteration review, retrospection, defect triage, iteration practice run and demo. Environment: ReactJS, NodeJS,Vue JS, Nuxt JS, Quasar, Restful web service, Cucumber Tests, Denodo Database, Bamboo, Jira, Git, Splunk, New Relic, AWS - EC2, S3, Visual Studio code: CBRE, Hyderabad, India Sr Front-End/ UI Developer Sept 2022 Dec-2024 Responsibilities: Responsible in developing a responsive web UI for ecommerce digital transformation website for mobile, tablet and desktop versions based on ReactJS, Next.JS . Developed reusable Ag-Grid framework components in React, including custom editors and filters, allowing teams to extend grid functionality without duplicating implementation logic across applications. Enhanced user experience by configuring Ag-Grid state management features such as column persistence, row selection handling, and dynamic visibility, ensuring grid behavior aligned with user expectations across sessions. Worked closely with product and backend teams to design Ag-Grid data models that supported complex relationships, nested data, and real-time updates while maintaining UI responsiveness. Handled frontend architecture and matched pixel perfect accurate screens. Involved writing modules using React as a view engine to build component-based application. Created reusable React components and managed application state with Redux. Applied redux middleware using redux-promise, redux-thunk and redux-saga. Worked on modern web architecture using various advanced JavaScript frameworks and libraries like Angular.js, React.js/Redux and Ember.js Developed the backend by using Node JS, express and MongoDB. Developed multiple POCs to create a interface between Backend to Frontend by using MongoDB, Express JS, and Node.js. Wrote the views using JSX and had used flexbox for proper styling. Designed and implemented complex Flexbox-based responsive layouts across enterprise React applications by architecting flexible container hierarchies and alignment strategies, enabling consistent UI behavior across dynamic content states and reducing layout regressions during feature expansion. Refactored legacy float- and grid-based UI components into modern Flexbox layouts using modular CSS and styled-components, simplifying DOM structure and improving maintainability for large-scale frontend codebases owned by multiple teams. Led the adoption of Flexbox for component-level layout control within a shared design system, standardizing alignment, spacing, and content distribution patterns to ensure visual consistency across dashboards, forms, and data-heavy interfaces. Writing the native bridges for IOS and Android to integrate with React App Used ES6 syntax and upgrading the react native apps regularly to make the stable version of apps. Developed Merge jobs in Python to extract and load data into MySQL database. Created Python and Bash tools to increase efficiency of application system Customized and extended Octagon components to meet specific business requirements without breaking design or accessibility standards. Played a key role in migrating legacy UI codebases to Octagon-compliant React architecture, improving development velocity by 30%. Ensured full accessibility (WCAG 2.1 AA) compliance in Octagon-based components to support inclusive design practices. Automated visual regression testing of Octagon components using tools like Storybook, Chromatic, and Playwright.Extensively used Webpack to build Typescript Modules. Used JIRA as the bug tracking system to track and maintain the history of bugs/issues on everyday basis. Used Devtools for debugging the code to inspect, debug find the code fixes needed. Extensively used Git for version controlling and regularly pushed the code to GitHub. Worked with backend engineers to optimize existing API calls to create efficiencies by deprecating unneeded API call. Experience in RESTful web services to integrate between Server side to Client Side Used Jest for running unit test cases. Well aware of deployment process in code fresh CI/CD pipelines and monitoring the changes to dev environments. Worked on an Agile (Scrum) Development Team to deliver regular updates to business team and project managers. Involved in SaFe Agile ceremonies. Active in agile ceremonies i.e., iteration planning, iteration review, retrospection, defect triage, iteration practice run and demo. Environment: HTML5, CSS3, JavaScript, AG-Grid, Flex JSON, React JS, Redux, Redux Saga, Node JS, Responsive Design, Material UI, VS Code, GIT, Agile. AGS Infotech, IND Sr Front-End/ UI Developer Mar 2020 Aug 2022 Responsibilities: Developed reusable components using React Storybook according to design guidelines. Built an internal boilerplate for React projects to maintain common features: Disney SSO, React, style guide. Worked on modern web architecture using various advanced JavaScript frameworks and libraries like Angular.js, React.js/Redux and Ember.js Develop Redux API middleware to handle API calls for data structure for top layer presentation. Extensively used Webpack to build Typescript Modules. Designed & implemented CIS REST service as a Windows Azure web role. Used Azure Service Bus to deal with high volume of subscription requests. Writing the native bridges for IOS and Android to integrate with React App. Worked on React Native to develop single page application Implemented stable React components and stand-alone functions to be added to any future pages. Worked on React Native to get access to the corresponding native APIs Developed backend services and created many API's using Python Programming Language and SQL. Involved in developing a video calling application using python web-sockets. Performed research regarding Python Programming and its uses and efficiency Experience in creating alarms and notifications for EC2, Lambda instances using Cloud Watch. Code Web API methods for security and various widgets by pulling data from SQL Azure and Azure tables. Implement the Redis Cache Service on Azure and integrate with Web API to cache user sessions. Created Effects to describe the source of dispatched actions and dispatching an action on success with corresponding payload. Conducted unit testing using the open source Karma and Jasmine tools and used Protractor for end to end testing. Collaborated with the front-end design team and back-end team and started converting the static files with the dynamic content with the data is retrieved from the database by the API calls. Worked in an Agile- Scrum development methodology to ensure delivery of high-quality work with monthly iteration, also involved in sprint planning and retrospectives. Followed the N-Tier architecture for the application development with DAL, BLL, and UI. Involved in requirement gathering, designing, development, UI reviews, and maintenance. Worked on the Microservices and API calls extensively. Migrated the components to the server side without any loss of data or performance issues. Code Web API methods for security and various widgets by pulling data from SQL Azure and Azure tables. Implement the Redis Cache Service on Azure and integrate with Web API to cache user sessions. Implemented Router-store and Resolver component and handled routing via dispatched actions. Handled destructing of nested payload received from B.E. and converting it into the linear structure and vice versa. It was done to generate appropriate SQL queries on B.E. and creating a component recursively on the front end. Environment: React, Redux, Axios, ES6, React HOC, React Observables, React Async Await, React Promises, Javascript, HTML5, CSS, Ajax, Bootstrap, SCSS, Typescript, Saga, Thunk, Angular, CORS, WCAG , XSS, Cors, SASS, LESS, JWT, Java, MongoDB, Webservices , Rest, NodeJS, ExpressJS, Visual Studio, Sublime Text, Webpack, NPM, nginx, GitLab, Github, Enzyme, Mocha, Chai, Selenium, SonarQube, Chrome Developer Tools, Scrum, Agile, AWS, Jenkins, Docker, Kubernetes, TeamCity, XML, JSON, GraphQL, Jira, Linux, Mac, Slack, Babel, JSLint, UglifyJS, React Native, iOS, Android, Kotlin, Swift. iFocus Systec, IND Front-End/ UI Developer Jul 2018 Feb 2020 Responsibilities: Brief Experience on implementing the Node JS micro services. Used Apache Kafka for producing the change events from SQL and the Node JS programs to consume events as per the change events. Used Apache Kafka High Level consumer and High-Level producer for the programs. Implemented on-premises TFS Sync Service which receives the messages from Azure Service Bus to create and sync TFS Work Items between TFS server and application processes. Worked on production support and fixed critical bugs on the licensing portal, during the first production release. Worked on the both the One time and Incremental data migration from Oracle(RDBMS) to NOSQL (MONGODB) data bases. Experience in dock raising the image in virtual Machine. Having good experience in working With Kubernetes environment. Experience in writing swagger yaml documentation for NodeJS services. Responsible for developing Production Monitoring UI Test tool. Using Foundation developed many webpages with Responsive. Node.js development of RESTful services.Angular.js frontend web application development. Followed AGILE Methodology and also coordinated with product owners to gather requirements. Scaling Docker, inter-container software networking setup and management via Weave. Developed application using Java/J2EE platform. Implemented the Model View Control (MVC) structure. Applications using advanced web development techniques such as load balancing, caching (numerous types), worker-servers, CDNs, etc. Developed Responsive Pages using media queries and foundation for different screen sizes Worked on HTML, CSS, basic JavaScript, and Node.JS to develop Web pages. Used HTML5, CSS3 and developed many pages. Developed UI using JSTL, CSS HTML, AJAX dojo and Java Script. Environment: XHTML, DOM, JavaScript, jQuery, Mongo DB, Angular JS, Bootstrap, NodeJS, Adobe Dreamweaver CS5, AJAX, JSON, JSTL, ECLIPSE, SQL server, MySQL, SVN, GIT, PHP, Clear Quest, Harvest and MS Office. Aspire Software Solutions, IND Web Developer/ UI Developer Oct 2015 Jun 2018 Responsibilities: Designed the front-end applications, user interactive (UI) web pages using web technologies like HTML5, CSS3, JavaScript, ReactJS. Prototyping using HTML and CSS plus Bootstrap. Creating responsive layouts with CSS. Developed components, Forms, and Events using ReactJS. Written stable React components and stand-alone functions to be added to any future pages. Created react component architecture for managing State precisely. Worked on ReactJS Virtual DOM and component life cycle phases like Mounting, Updating and UnMounting. Experience in using ReactJS code for making calls (GET, POST) for fetching data from Restful API's provided by the backend team. Integrated React code with backend using AXIOS to call backend APIs. Implemented business logic in business layer using core java.. Used Node JS package manager (npm) and Webpack for dependency management. Configured ESLint for the React code quality. Developed application using Java/J2EE platform. Implemented the Model View Control (MVC) structure. Made the application responsive using Bootstrap and CSS Media Queries. Utilized GULP to compile SASS, Uglify, Minify and module bundling. Used GitHub, version control system as a source repository to organize the code base, also made use of JIRA for bug tracking and workflow management. Used the tools like Jenkins to build projects and deploying the CI. Followed Agile methodology during SDLC, with regular SCRUM sessions and bi-weekly sprint sessions to discuss the project progress. Worked on Cross-Browser compatibility and fixed the bugs for several browsers. Environment: ReactJS v15.6.1, HTML5, CSS3, Javascript, Node.js v.11.0, Express.js v.4.17, Bootstrap 4.0, MongoDB v4, RESTful web services, SASS, Protractor, JIRA, Jenkins, Git 2.12, Gulp, WebPack, ESLint, Babel, Agile, Scrum, WebStorm Key Achievements (Oct 2015 Dec 2024): Spearheaded the development of key modules within CBRE's "Facility Maintenance Tracker" and real-time IoT-based energy monitoring systems using React.js, integrating Redux for global state management and optimizing performance through techniques like hooks and efficient lifecycle management. Led the design and implementation of reusable, self-contained UI components, improving code maintainability and development efficiency. Championed the adoption of NgRx for state management and RXJS for optimised asynchronous data handling, ensuring a seamless user experience. Successfully deployed applications on AWS EC2, ensuring high availability, performance, and scalability. Enhanced team collaboration by leveraging Agile methodologies, fostering a culture of continuous improvement through regular sprint reviews and daily stand-ups. Drove significant improvements in application performance and quality by implementing automated testing and ensuring compliance with accessibility standards. Keywords: cplusplus csharp continuous integration continuous deployment quality analyst user interface user experience javascript business intelligence sthree database information technology microsoft mississippi North Carolina Texas