In-results recipe filtering and search #21

New issue

Closed

opened 2026-04-04 07:06:30 -07:00 by pyr0ball · 0 comments

pyr0ball commented

2026-04-04 07:06:30 -07:00

Owner

Problem

With Load More, a user can accumulate 20+ recipe cards in a single session. There is currently no way to narrow results without clearing everything and re-searching with different parameters.

What to build

A filter bar above the recipe results (appears once there are results) with quick toggles:
- By level (1 / 2 / 3 / wildcard)
- By missing count (0 missing / 1–2 missing / any)
- Vegetarian / vegan / gluten-free (if constraints are active)
A text search input that filters visible cards by recipe title (client-side, no new API call)
Filtering is purely client-side — it hides cards without dismissing them

Notes

Filter state should reset when a new Suggest is triggered
On mobile, the filter bar should collapse behind a "Filter" button to save vertical space
This is lower priority than the cook loop gaps (#16–#19) — ship those first

## Problem With Load More, a user can accumulate 20+ recipe cards in a single session. There is currently no way to narrow results without clearing everything and re-searching with different parameters. ## What to build - A **filter bar** above the recipe results (appears once there are results) with quick toggles: - By level (1 / 2 / 3 / wildcard) - By missing count (0 missing / 1–2 missing / any) - Vegetarian / vegan / gluten-free (if constraints are active) - A **text search** input that filters visible cards by recipe title (client-side, no new API call) - Filtering is purely client-side — it hides cards without dismissing them ## Notes - Filter state should reset when a new Suggest is triggered - On mobile, the filter bar should collapse behind a "Filter" button to save vertical space - This is lower priority than the cook loop gaps (#16–#19) — ship those first