[C4GT Community]: Upgrade Angular and package.json dependencies to the latest in HWC-UI

[drtechie]

Ticket Contents

Description

The goal of this ticket is to upgrade Angular and the dependencies listed in the package.json file to their latest versions in the HWC-UI project. Keeping dependencies up-to-date is essential for maintaining security, improving performance, and taking advantage of the latest features and fixes offered by the libraries used.

What You Will Learn

As a contributor, you will:

• Gain experience in managing and upgrading dependencies in an Angular project.
• Understand the importance of version control and compatibility in software development.
• Learn how to test and verify that an application functions correctly after dependency upgrades.

Desired Skills

• Familiarity with Angular and its dependency management.
• Basic understanding of npm and package.json.
• Ability to troubleshoot and resolve issues that may arise from upgrading dependencies.

Goals

Goals

• Upgrade all the packages and Angular to v18.
• Ensure the application UI is functional

Expected Outcome

The HWC-UI project will run on the latest version of Angular and its dependencies

Acceptance Criteria

• Angular core and related packages are updated to the latest stable version.
• All dependencies in package.json are upgraded and compatible with the new Angular version.
• build and locally serving the application works without any issues.

Implementation Details

npm install -g npm-check-updates
ncu # give list of outdated dependencies
ncu -u # update all the dependencies

Run npm audit fix to update dependencies to latest non-vulnerable versions.

Mockups/Wireframes

NA

Product Name

AMRIT

Organisation Name

Piramal Swasthya Management Research Institute

Domain

Healthcare

Tech Skills Needed

Angular, Node.js

Mentor(s)

@drtechie

Complexity

Medium

Category

Maintenance