Skip to content

Add languages to the technologies project filter #2488

@macho-catt

Description

@macho-catt

Dependency

#2487

Overview

The languages for each project under the projects page should be included as a filter with the Technologies

Action Items

  • Become familiar with the JS in the project.html and how it obtains the languages used for a project from _data/external/github-data.json
  • In the projects page, update each project page card so the languages are listed
    • You should be able to utilize the same JS as above to get the languages for a project
    • Each project card and the contents inside are generated in the current-projects.js file
    • You can put the 'Languages' field in between 'Partner' and 'Technologies'
    • Refer to the screenshots below
  • In the projects page, update the filter so projects can be filtered by Technologies and Languages
    • Under the existing 'Technologies' filter, add the languages from the projects
    • Change the name of the filter to 'Languages / Technologies'
    • The filter should be able to filter by languages and/or technologies
    • Refer to the current-projects.js file
  • Make sure the page looks fine for smaller viewport screens as well, such as tablet, mobile (responsiveness)
  • Once the PR is completed and merged, release dependency on Create a copy of the project page with only two filters: technology and language #2502

Screenshots

Languages from here

c1

Should appear here

c2

Resources/Instructions

projects page
current-projects.js

Metadata

Metadata

Assignees

Type

No type

Projects

Status

Done

Relationships

None yet

Development

No branches or pull requests

Issue actions