Add Tools to the Languages/Technologies filter group on the projects page

[roslynwythe]

Overview

We need to add Tools into Languages/Technologies filter on the projects page, revising it to Languages/Technologies/Tools, in order to provide users with the ability to filter projects based on Tools.

Details

The projects and projects-check pages share the same js file /assets/js/current-projects.js ; based on the value of window.location.pathname, the code implements different filters between the pages. Note that in this issue we do not want to alter the projects-check in any way.

Action Items

• Open the file assets/js/current-projects.js in your IDE
• Update the code to add Tools to the Languages/Technologies filter
• Rename the filter Languages/Technologies/Tools
• Using docker, confirm the operation of the filters on the /project page
• Using docker, confirm that the appearance and behavior of the /projects-check page is unchanged.

Resources/Instructions

• Projects page: webpage | HTML include | JavaScript
• Projects Check page: webpage | HTML include | JavaScript
• This issue was created from ER: Add the Tools data to the Languages/Technologies filters #6150

[github-actions]

Hi @partapparam, thank you for taking up this issue! Hfla appreciates you :)

Do let fellow developers know about your:-
i. Availability: (When are you available to work on the issue/answer questions other programmers might have about your issue?)
ii. ETA: (When do you expect this issue to be completed?)

You're awesome!

P.S. - You may not take up another issue until this issue gets merged (or closed). Thanks again :)

[partapparam]

i. Availability: 6-9pm, Sunday, Monday, Thursday
ii. ETA: EOD Thursday

[partapparam]

Made good progress but will take longer to complete this issue due to some bugs.
i. Availability: 6-9pm, Sunday, Monday
ii. ETA: EOD Monday