Projects page copy with only technology and language filters

[Wny-Duong]

Fixes #2502

What changes did you make and why did you make them ?

• Created a copy of the projects page that is accessible through a /projects-check/ permalink and is only accessible through permalink. It can't be reached simply by pressing the project button, only through http://localhost:4000/projects-check/ when checking locally.
• On projects-check, there are only two filters, technologies and languages. They follow the same behavior as the default projects page filters.
  • Example 1: Selecting multiple technologies in only the technologies filter will increase the number of projects returned, as cards containing any of the selected technologies are shown.
  • Example 2: Selecting a technology filter and a language filter will restrict the number of projects returned, as it checks only for projects that contain both the specific technology and language.
  • The separated technologies and languages filter contain the same filter items as the combined technologies/languages filter used in the default projects page.
• Note: The new files added were based off of the current-projects.html, current-projects.js, and projects-page.html files used to generate the current projects page. The html files are identical with changes to the file names referenced to ensure a separate working projects-check page. The projects page is still accessible through /projects/ and uses the old filters currently used (program areas, languages/tech, status).

Screenshots of Proposed Changes Of The Website (if any, please do not screen shot code changes)

Visuals before changes are applied

Visuals after changes are applied

[github-actions[bot]]

Want to review this pull request? Take a look at this documentation for a step by step guide!

From your project repository, check out a new branch and test the changes.

git checkout -b Wny-Duong-projects-check-page-2502 gh-pages
git pull https://github.com/Wny-Duong/website.git projects-check-page-2502

[kathrynsilvaconway]

ETA: End of Day on 8/15 Availability: 4 hours

[arpitapandya]

Availability: 6 Hours ETA: EOD 2022-08-11

[Zak234]

ETA: Aug. 14

[Wny-Duong]

I may be wrong but it looks like there are 65 combined languages and technologies in the new page and only 62 in the old page.

I looked into this and you're right, there are 3 more languages that were added because of my changes: Makefile Ruby Svelte

These languages do show up in the project cards for the old projects page, but aren't included in the original combined languages and technologies filter. I'm not too sure why this is and I don't know if this is something that should be fixed since it technically corrects the problem of those languages not showing up in the filter in the first place.

[Zak234]

We could probably bring it up during office hours tomorrow

[Wny-Duong]

Sounds good to me. I'll see you there.

[Wny-Duong]

@Zak234 From the office hours, it looks like the new languages are fine, but there might be a need to make a new issue addressing the fact that the old Projects filters were missing the Makefile, Ruby, and Svelte language filter options since those languages are listed in some of the project cards currently existing on the Projects page.

Just leaving a note here that the changes made found three new languages that weren't previously included under the Projects page Languages/Technologies filter along with some images in case a new issue needs to be created.

Image from the projects-check language filter:

Images from the old projects filter:

Project cards using Ruby, Svelte, and Makefile on the old projects page included: Spare Write for All Work for LA BallotNav

[kathrynsilvaconway]

Here is the issue @blulady created to request documentation: #3487