Skip to content

Edit recipe - overhaul UX #50

Description

@MadeInPierre

When editing a recipe, the UX is confusing for newcomers:

  • Try to automatically fix things the LLM might still let through: title too long, missing values, empty quantities
  • No recipe image => bad looking meal card, add a placeholder
  • Clear validation error messages on top of the page and next to the field, console.warn instead of console.error
  • Ingredients section is bad, see below.

The ingredients UI should be remade:

  • Type to add an ingredient, then the ingredient name is read-only
  • Grid of ingredients with only amount/unit customizable
  • Drag to set optional if possible? Otherwise keep button and document

Metadata

Metadata

Assignees

No one assigned

    Labels

    bad-uxUX flow must be improved to make the app more intuitive.

    Projects

    Status
    🚧 WIP

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions