Nuwan Anuradha Gunaratne Email & Phone Number

Singapore

Singapore

A skilled Front-End Developer specializing in Angular, I am passionate about crafting seamless and interactive user interfaces. With expertise in the Angular framework, I bring a deep understanding of front-end technologies to create dynamic and responsive web applications. My proficiency includes translating design mock-ups into pixel-perfect, feature-rich user interfaces, leveraging Angular's powerful components and services. I excel in building modular and maintainable code, optimizing performance, and ensuring cross-browser compatibility. Whether it's implementing complex data-binding, routing, or integrating third-party libraries. My commitment to staying abreast of the latest Angular updates and best practices ensures that the solutions I deliver are not just visually appealing but also scalable and future-proof.Responsibilities Handled in UI Team• Upgrading the web application from Angular 8v to Angular 15v.• Upgrading Angular Material legacy components to MDC based Angular Material components.• Upgrading to new version of Bootstrap v5.• Integrating Highcharts library to web application to create Treegraph chart.• Upgrading AG-Grid from v20 to v29.• Integrate and enable JEST based Unit Testing in the repository.• Integrate Datadog to web application for analytics.• Create new components.• Write unit test for new features as well as for defects.• Involve in code review and refactoring.• Educate colleagues with best practices.

Colombo, Western, Sri Lanka

Successfully leading a team of software engineers in building an Angular based UI Component Library as part of the IFS Design System (design.ifs.com) which can be consumed through NPM. The components that are built, follows IFS' visual style and could be customizable by consumer's end. The components are following web accessibility guidelines (WCAG), in terms of keyboard operability, focus order and visible focus.As a team lead,• Oversee every component development in the UI Component Library.• Defined divisional processes on testing, branching, CI/CD strategy etc…• Define scope of feature component and take part in design review.• Translate designer mock-ups and wireframes (in Figma) into front-end code and build reusable components to be used in the component library.• Hands-on experience in building the following components, - Menu component based on Angular CDK Overlay. - Table component based on PrimeNG Table. - Tooltip component• Working closely with designers to ensure the technical feasibility of UI/UX designs.• Managed technical recruitment process to the team.• Mentoring new recruits.• Code review & refactoring.• Maintaining code quality & documentation.• Maintain definition of done in user stories.• Maintain adequate Test coverage.• Ensure web accessibility based on WCAG.• Managed Mono repository.• Update the dependencies of support tools to the latest versions in the repository. - Angular, NX, Storybook etc... major upgrades• Introduce coding guidelines.• Make strategic decisions on certain packages to be used in the project.• Configure and deploy CI/CD tools to enable continuous integration and continuous delivery.• Ensure proper design tokens & icons are used.• Introducing best practices to enhance quality of code & raise awareness on testing.• Using of proper static code analysis tools such as ESLint and update its rules.• Conducting stand-ups and sprint reviews.

Sri Lanka

UXSEA Summit 2019 attendee in Singapore, representing IFS Sri Lanka.Worked in developing Angular components for the UI Component Library as a part of the IFS Design System. Helped driving consistent User Experience across IFS Product Portfolio, provide UI components and guidelines based on user's needs. Act as a guide and advisor helping individuals create great UI/UX as a member of User Experience Team. From 2020 to 2021.Development of IFS Cloud login screen and associated screens for authentication and authorization which was based on Keycloak Software. The development was done using FreeMarker Template Language (FTL) along with HTML & CSS & Javascript. These screens were made responsive using media queries and supported from IE 9 upwards using specific CSS properties along with Polyfills. These login pages are used in all the IFS products.Integration of HelpLightning tool to IFS Cloud. It included theming the said software's interface with ifs design system.As a Senior Software Engineer,• Development of reusable Angular based components for Granite Component Library. - Toggle-Switch based on native HTML Input. - Button based on native HTML button.• Using Angular CDK for the purpose of building fluent Angular Components.• Using Angular Material as a reference to build fluent Angular Components.• Writing stories using Storybook for isolated component visualization.• Documentation & Blogging of the features introduced.• Writing unit tests using JEST.• Writing e2e tests using Protractor.• Writing e2e tests using Cypress.• Writing visual snapshot testing using Storybook.• Open discussions with designers on UI/UX.• Follow-up on other 3rd party libraries and gather insights.• Requirement gathering from client.• Mentoring, conducting knowledge sharing sessions.• Conducted stand-up meetings.

Sri Lanka

Angular World Conference 2018 attendee at Salt Lake City, Utah, USA, representing IFS Sri Lanka.Worked at IFS office based in Linkoping, Sweden, working closely with parties to gather requirements for a new Angular component called, Hierarchical Diagram also known as Organization Chart, representation to be used in the IFS Cloud ERP Application. This was a wrapper component based on Diagram component in Kendo UI for jQuery.As a Software Engineer,• Development of reusable Angular based components. - Developed 9 box Matrix component (boxes were not limited) purely using native HTML, CSS and Angular capabilities. - Developed time picker component using Kendo UI. - Development of group-by capabilities into Table component. - Development of image resize capabilities to cater different component's image needs to improve performance. - Development of radio button component using native HTML & Angular. - Development of boolean switch component using native HTML & Angular. - Development of export to excel client-side functionality from Table component. - Development of Signature component using signature_pad open-source library.• Using DevExpress to build Chart based components.• Using Kendo UI to build Chart based components.• Ensuring responsiveness of applications.• Documentation & Blogging of the features introduced.

Professional Qualification, Management Accounting, Passed Finalist

B. Sc. Special (Hons) In Information Technology, Specialization In Information Technology, Second Class Honors Upper Division (Gpa 3.69 Out Of 4)

Physics, Chemistry, Combined Mathematics

Activities and Societies: Member of Mathematical Society, Astronomical Society and Scrabble Club