Upstream We require an experienced AngularJS Front-End UI Developer for an interface upgrade assignment. The selected professional will upgrade an existing AngularJS (1.x) web application module by refactoring the original codebase, addressing and resolving known issues, and implementing new enhancements. This project includes the integration of Azure Authentication (Azure Active Directory / Microsoft Entra ID) for secure login and protected routes, full responsive design, functionality to load, display, and enable downloading of multiple backend-generated reports, support for a multi-user experience with role-based interface elements, and the creation of several interactive graphs and data visualizations using backend-supplied data. The role requires meticulous refactoring of legacy code to improve maintainability, performance, and adherence to current best practices while ensuring cross-browser compatibility, mobile-first responsiveness, and accessibility compliance. The assignment concludes with a comprehensive 1-week knowledge transfer session to the internal team. Collaboration with the back-end team will be limited to integration and review points.
Key Responsibilities
· Analyze the existing AngularJS (1.x) codebase, perform comprehensive refactoring to enhance structure, readability, performance, and maintainability while preserving all current functionality.
· Identify, document, and systematically resolve known issues and technical debt within the current interface.
· Design and deliver a fully responsive, mobile-first interface that maintains consistent functionality and visual fidelity across desktops, tablets, and mobile devices.
· Integrate Azure Authentication (using ADAL.js or equivalent compatible libraries) for secure authentication flows, including login, token acquisition, refresh mechanisms, and protected route handling.
· Fetch, load, and display a list of backend-generated reports via RESTful APIs, including appropriate loading indicators and error handling.
· Implement user-friendly download functionality for the reports (supporting common formats such as PDF, Excel, CSV, or others), handling binary responses securely within AngularJS.
· Implement multi-user experience features, including role-based UI rendering, user-specific dashboards or views, and permission-aware interface elements that leverage Azure Authentication data.
· Design, develop, and integrate several interactive graphs and data visualizations (e.g., charts, bar graphs, line graphs, pie charts) using data supplied by backend APIs.
· Convert provided wireframes, mockups, and design specifications into pixel-perfect, responsive single-page application components within the refactored codebase.
· Optimize UI performance, including rendering efficiency, memory management, and load-time improvements for both report handling and data visualizations.
· Integrate the front-end interface with existing RESTful APIs and back-end services while ensuring seamless Azure authentication token propagation for all protected operations.
· Conduct unit testing and deliver fully documented, maintainable code.
· Participate in scheduled review sessions and deliver the final upgraded UI package within the agreed timeline.
· Perform final handover, including source code, comprehensive documentation, and conduct a structured 1-week knowledge transfer session to the internal development team covering the refactored codebase, new features, Azure authentication, report handling, multi-user logic, graph visualizations, and maintenance best practices.
Required Qualifications and Skills
· Minimum 5 years of hands-on experience with AngularJS (1.x), including significant work on legacy codebases, refactoring, and issue resolution.
· Strong proficiency in:
o AngularJS core concepts (directives, controllers, services, factories, filters, and dependency injection).
o HTML5, CSS3 (Flexbox/Grid, responsive design techniques, and preprocessors such as SASS/LESS).
o JavaScript (ES5/ES6) and RESTful API integration.
· Proven experience refactoring and modernizing existing AngularJS applications to improve code quality, performance, and maintainability.
· Demonstrated expertise in diagnosing and fixing known issues in production AngularJS interfaces.
· Proven experience integrating Azure Authentication (Azure AD / Microsoft Entra ID) in AngularJS applications, including ADAL.js or similar libraries for authentication and authorization.
· Demonstrated expertise in building fully responsive, mobile-first user interfaces with cross-device and cross-browser compatibility.
· Experience implementing report listing, fetching, and file download functionality in AngularJS (including handling binary responses with $http or equivalent, blob objects, and secure download triggers).
· Experience developing multi-user interfaces with role-based access control and user-specific UI rendering in AngularJS.
· Proven ability to create interactive graphs and data visualizations in AngularJS using libraries such as angular-chart.js (Chart.js), Highcharts, D3.js, or equivalent, with data fetched from backend APIs.
· Experience with Git version control and collaborative code practices.
· Ability to work independently and deliver high-quality results within tight deadlines.
· Excellent problem-solving skills and attention to detail.
Preferred Qualifications
· Previous experience with UI upgrade projects involving legacy AngularJS code refactoring, Azure services, report handling, multi-user environments, and data visualization.
· Familiarity with UI/UX tools (Figma, Sketch, or Adobe XD).
· Knowledge of AngularJS performance tuning and security best practices related to authentication, file handling, and data visualization.
· Experience using Jasmine/Karma for testing.
Benefit of Working with Visuna?
- A dedicated member of the team responsible for your placements and welfare
- Some of the best day rates in the industry
- FREE worldwide insurance and Medevac cover whist on a Placement
- 24/7 access to our specialist support team
- Assistance and advice on a range of business topics
- FREE access to our Competency Scheme
- Increased exposure to potential clients and more placement opportunities