Separate Technologies chip into Technology and Language chips

[christinaor]

Dependency

• [x] #4647
• [x] #6298

Overview

In the project page filters, we need to separate technologies from languages so that each technology or language will have their own "Technology" and "Language" chip label, respectively. This separation in filters will help avoid confusion for users when they are searching for projects on the Hack for LA website.

Details

• Currently, all Technology/Language filters chosen on the project page will render chips labeled as "Technology", even if the chosen filter points to a programming language (screenshot 1).

Screenshot 1 - the current chip for a language

• The Language/Technology filter, will remain in its current form (see screenshot 2). You are only changing the name on the chip when the item chosen is a Language.

Screenshot 2 -the Language/Technology filter

Action Items

• [x] Investigate current-projects.js and current-projects-check.js to understand the programming of the filters and how they are executing.
• [ ] Fix the technology and language filters on the Projects page so the labels are separated.
  • [ ] Test that "Language" is rendered on the chip when a language is selected and "Technology" for a selected technology.

Resources/Instructions

• Chip labels can be found on the Projects page
• current-projects.js
• Jekyll Front Matter
• See associated ER for this issue: #4562

[christinaor]

• I created a new issue for this ER: #4562

[Gauravvpnd]

Hey i want to work on this issue hope you assigned me this

[ExperimentsInHonesty]

@christinaor please add back in the images from the ER and make the details clearer.

For instance, when I read the issue, I had to go back to the ER to see that you were talking about if I choose Javacript and AWS they both show up as Technologies: AWS Technologies: Javascript

Instead of Technology: AWS Language: Javascript

[christinaor]

Progress: Edited the issue so the issue is clearer and included the image from the ER. @ExperimentsInHonesty Let me know if it's still not clear enough though! Blockers: N/A Availability: Weekdays 8pm-10pm EST

[ExperimentsInHonesty]

@christinaor - yes, the update helped.

FYI - I also updated the screenshot, now that the filters are singular.

[ExperimentsInHonesty]

@hackforla/website-merge I moved this out of the icebox and updated an image, please review. If it's ready to prioritize, add the label please.

[github-actions[bot]]

Hi @luisitocanlas, 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 :)

[luisitocanlas]

i. Availability: 3/8/24 ~ 3/15/24 ii. ETA: EOD 3/15/24