danishayman/resepi-khairulaming

Implement tag-based recipe filtering and clickable tags

Open

#6 opened on Oct 12, 2025

View on GitHub
 (4 comments) (0 reactions) (1 assignee)TypeScript (1 fork)auto 404
enhancementgood first issuehacktoberfest

Repository metrics

Stars
 (0 stars)
PR merge metrics
 (No merged PRs in 30d)

Description

Enhance the recipe browsing experience by allowing users to filter recipes based on tags. Each tag displayed on a recipe card or detail page should be clickable, automatically filtering and showing all recipes that share the same tag.

Details / Requirements:

  • Display tags clearly on recipe cards and/or recipe detail pages.

  • When a tag is clicked, navigate or update the recipe list to show only recipes containing that tag.

  • Allow combining filters (e.g., multiple tags selected) if possible.

  • Provide a visible way to clear active tag filters (e.g., “Clear filters” button).

  • Ensure filtering works smoothly without full page reloads (prefer client-side filtering).

Why: To improve recipe discoverability and allow users to easily explore related recipes through shared tags.

Contributor guide

Research direction
Implement a filtering mechanism that updates the recipe list based on clicked tags, using client side logic to avoid full page reloads. Ensure tags are displayed on recipe cards and detail pages, and include a clear filters button.
Tech stack
typescript
Domain
frontend
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-2 days
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
TypeScript
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
65