Edit Ingredient

[ndrbn0]

Edit Ingredient

Value Proposition

As a culinary enthusiast,

I want to edit the details of an ingredient and its flavour profile in the app,

so that I correct any inaccuracies and contribute to the quality and reliability of the app's content.

Description

A feature that allows users to modify the name and flavour profile of ingredients they have added, facilitating ongoing content curation and accuracy within the app.

Acceptance Criteria

• The ingredient details page includes an easily accessible "Edit" link.
• Clicking "Edit" opens a new "edit" page displaying the edit form.
• The form is pre-filled with the ingredient's existing details for modification.
• The form allows for edits to all ingredient aspects including
  • ingredient name,
  • ingredient image url,
  • flavour tags dropdown.
• If no image is added, a placeholder image is used.
• The form section includes options for both saving and cancelling the action.
• The cancellation option allows the user to back out of the edit process if selected by mistake or changed mind. The user is then redirected to the ingredients details page.
• Submissions with empty required fields are blocked, with validation messages guiding completion.
• Changes are saved and reflected in the ingredient list upon submitting the form.
• After submitting, the user is redirected to the ingredients details page.

Tasks

• Create a new feature branch edit-ingredient.
• Display "Edit" Link on IngredientDetails Page.
• Create EditForm Page.
• Prefill Form with Existing Ingredient Details.
• Implement Edit Form Fields for Name, Image URL, and Flavour Tags(Dropdown for this one).
• Include Save and Cancel Options in Edit Form.
• Handle Form Validation to Prevent Empty Fields.
• Update Ingredient Details on Form Submission.
• Redirect User to Ingredient Details Page After Submission.