[C4GT Community]: Upgrade Angular and package.json dependencies to the latest in HWC-Scheduler-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-Scheduler-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-Scheduler-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

[Zapper9982]

Hi @drtechie,

I'd like to take on this task of upgrading the HWC-Scheduler-UI project to Angular v18 and updating its dependencies.

Here's my approach:

• Dependency Updates:
  • I'll start by installing npm-check-updates globally (npm install -g npm-check-updates).
  • Then, I'll use ncu to list outdated dependencies and ncu -u to update them.
  • I'll run npm audit fix to address any security vulnerabilities.
• Angular Upgrade:
  • I'll upgrade the Angular core and related packages to version 18.
• Compatibility and Testing:
  • I'll carefully check for compatibility issues between the updated dependencies and Angular v18.
  • I'll thoroughly test the application by building and running it locally to ensure it works without errors.
  • I will verify the UI is fully functional.
• Verification:
  • I will make sure the UI is fully functional.

Please let me know if you have any specific guidelines or preferences.
Thanks!

[drtechie]

Hi @Zapper9982
I have filed a few issues to ensure builds are passing. If you are interested, please look into those issues first.
This task is blocked on them.

Thanks,

[Zapper9982]

@drtechie
Thanks for the heads up, I shall look into them first .

[Zapper9982]

@drtechie are these open to work now ? would love to contribute