CodeForPhilly / CodeForPhilly/laddr

Show list of tech, topic, and events tags in project summary tiles

Offen
#182 2 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
Vorherrschende Sprache
Smarty
Sterne
62
Forks
34
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

On the browse projects page, add lines to each project's summary box listing out all tags as links that can be clicked to filter the projects list by that tag.

screen shot 2018-01-16 at 8 12 18 pm

The user profile page provides template markup that would make for a good starting point:

screen shot 2018-01-16 at 8 09 18 pm

But we want to show each type of tag in one line, using bootstrap's ["Pill Badges"](https://getbootstrap.com/docs/4.0/components/badge/#pill-badges) to wrap and set apart each tag on a line. There will be up to 3 lines if a project has tech, topic, AND event tags, but a line should not be shown for any type that has no tags currently.

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Rechercherichtung

Beginne damit, die Seite zum Durchsuchen von Projekten und das im issue referenzierte Markup der Benutzerprofilvorlage zu finden, und vergleiche dann, wie Tags gerendert und verlinkt werden. Als abgeschlossen gilt die Aufgabe, wenn jede Projektkachel separate Bootstrap pill-badge-Zeilen für nicht leere Tech-, Topic- und Event-Tags anzeigt und das Klicken auf einen Tag die Projektliste filtert.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
bootstrap
Bereich
frontend
Issue-Typ
Feature
Schwierigkeit
2/5
Geschätzter Aufwand
1-3 Stunden
Aktivitätsstatus
Veraltet
Klarheit
Klar beschrieben
Anfängerfreundlichkeit
55/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.