Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added Tools Filter to Projects Check Page #5444

Merged
merged 6 commits into from
Sep 14, 2023

Conversation

pdimaano
Copy link
Member

@pdimaano pdimaano commented Sep 5, 2023

Fixes #4427

What changes did you make?

  • Added new filter function for new Tools dropdown menu
  • Updated HTML to properly display cards filtered by Tools

Why did you make the changes (we will use this info to test)?

  • Allow users to filter though projects based on tools in addition to technologies and languages

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

Visuals before changes are applied Screen Shot 2023-09-04 at 7 05 26 PM
Visuals after changes are applied Screen Shot 2023-09-04 at 7 06 35 PM

@github-actions
Copy link

github-actions bot commented Sep 5, 2023

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 pdimaano-add-tools-filter-4427 gh-pages
git pull https://github.com/pdimaano/website.git add-tools-filter-4427

@github-actions github-actions bot added role: front end Tasks for front end developers role: back end/devOps Tasks for back-end developers Complexity: Large size: 3pt Can be done in 13-18 hours p-feature: Projects-check We use this page to check to make sure that teams are using the Technology section correctly labels Sep 5, 2023
@Thinking-Panda Thinking-Panda self-requested a review September 6, 2023 00:33
@Thinking-Panda
Copy link
Member

Availability: Weekdays
ETA: 9/6/23

Thinking-Panda
Thinking-Panda previously approved these changes Sep 7, 2023
Copy link
Member

@Thinking-Panda Thinking-Panda left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@pdimaano , Tools filter is added and works as intended in tablet and desktop viewport. Nice work. Thank you !

@Thinking-Panda
Copy link
Member

This comment may be out of scope for this issue, but I notice that "AWS" appears twice in "Technologies" and once in "Tools".

@t-will-gillis t-will-gillis self-requested a review September 9, 2023 14:54
Copy link
Member

@t-will-gillis t-will-gillis left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hey @pdimaano - Great work- you have covered the bases with the branches, linking the issue, the descriptions, and providing the screenshots. Bonus points for correcting the spelling mistakes in the comments!

But there is something odd happening with the filtering itself and the filter counts- for example, the filter shows "AWS (3)" in "Technologies and "AWS - " in "Tools". If you would, please track down the source of the problem.

Otherwise, this is looking good. Thanks for working on this issue

@t-will-gillis
Copy link
Member

This comment may be out of scope for this issue, but I notice that "AWS" appears twice in "Technologies" and once in "Tools".

Just noticed your comment @Thinking-Panda

@pdimaano
Copy link
Member Author

@t-will-gillis Thank you for the feedback. I see that there is a discrepancy on some of the cards on the projects check page where AWS is in the "Technologies" category in some and the "Tools" category in others. I believe this is causing the multiple AWS options to be dynamically generated in the separate dropdown lists. Is this something that needs to be changed here or is it beyond the scope of this issue like what @Thinking-Panda stated previously?

@Thinking-Panda
Copy link
Member

The discrepancy is based on how AWS is listed in each of the projects' markdown file in _projects folder.

@t-will-gillis
Copy link
Member

Hi @pdimaano With the current changes to the markdowns in the _projects/ folder, it looks like the filter should show (4) AWSs in "Technologies" and (3) AWSs in "Tools".

This is something that is in the scope of the issue because the filters are not functioning correctly yet.

@t-will-gillis
Copy link
Member

Hi @pdimaano Here is something to try: since we know that we will want all "AWS" in "Technologies" in the end, you can check how the filter performs if you move "AWS" to - technologies: for:

  • home-unite-us.md
  • lucky-parking.md
  • metro-ontime.md << you'll need to add in "Technologies: " here

If that appears to work, then I think it will be fine to add those changes to your PR and call it good...

Copy link
Member

@t-will-gillis t-will-gillis left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks, @pdimaano

@t-will-gillis t-will-gillis merged commit 243202b into hackforla:gh-pages Sep 14, 2023
3 checks passed
sheehanrobb pushed a commit to sheehanrobb/website that referenced this pull request Sep 14, 2023
* added code to dynamically render list for tools filter

* updated js with tools filter and html to display proper cards

* moved AWS to technologies section

* moved AWS to technologies section

* added technologies section before transferring AWS to new section
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Complexity: Large p-feature: Projects-check We use this page to check to make sure that teams are using the Technology section correctly role: back end/devOps Tasks for back-end developers role: front end Tasks for front end developers size: 3pt Can be done in 13-18 hours
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Add a Tools filter to the projects check page
3 participants