CodeForPhilly / CodeForPhilly/laddr

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

Open
#182 2 comments 0 reactions 0 assignees View on GitHub
Dominant language
Smarty
Stars
62
Forks
34
PR merge metrics
No merged PRs in 30d

Description

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.

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by locating the browse projects page and the user profile template markup referenced in the issue, then compare how tags are rendered and linked. Done means each project tile shows separate Bootstrap pill-badge lines for nonempty tech, topic, and event tags, and clicking a tag filters the project list.

Written by the indexing model from the issue text.

Assessment

Tech stack
bootstrap
Domain
frontend
Issue type
Feature
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.