Reorder the Unfiltered Display of all Projects

[nadiaspn0503]

Overview

We need to reorder the unfiltered display of all projects from Active to On Hold to Completed so that the projects are organized for easy viewing.

Details

The current logic used to order projects in the unfiltered project list is Active to Completed to On Hold. Potentially we could remove the completed projects to an archived section unless we want to keep them on the site for visibility.

Action Items

• For the file /assets/js/current-projects.js, correct the current filter order on line 237 from "["Active","Completed","On Hold"]" to "["Active","On Hold","Completed"]", so

      const statusList = ["Active","Completed","On Hold"]
  

  becomes

      const statusList = ["Active","On Hold","Completed"]
  

• Use Docker to test changes locally, in both desktop and mobile views

Resources/Instructions

• 1.01 Projects page: https://www.hackforla.org/projects
• 1.02 Code for the projects filter: https://github.com/hackforla/website/blob/gh-pages/assets/js/current-projects.js

[github-actions]

Hi @nadiaspn0503.

Please don't forget to add the proper labels to this issue. Currently, the labels for the following are missing:

• Complexity, Role, Size

NOTE: Please ignore this comment if you do not have 'write' access to this directory.

To add a label, take a look at Github's documentation here.

Also, don't forget to remove the "missing labels" afterwards.
To remove a label, the process is similar to adding a label, but you select a currently added label to remove it.

After the proper labels are added, the merge team will review the issue and add a "Ready for Prioritization" label once it is ready for prioritization.

Additional Resources:

• Wiki: How to create issues
• Wiki: How to read and interpret labels