Front-end Add a recipe

In this page users can add their own recipes thru an easy 5-step form.

 

STEP 1 – Describe your recipe

add-a-recipe-step-1

In this step we have the following fields:

  • Recipe Title (mandatory field) – the recipe title
  • Recipe Short Description (mandatory field) – the recipe short description
  • Recipe Type – the type of the recipe
  • Recipe Featured Image(mandatory field) – the image wich appears in the recipe list
  • Recipe Gallery Image 1, 2 & 3 – Gallery Images wich will appear in the recipe details page on the primary slider at the top of the page

 

STEP 2 – More info about your recipe

add-a-recipe-step-2

In this step we have the following fields:

  • Recipe Difficulty – Select the level of difficulty for the recipe from 1 to 10
  • Preparation time – enter only numeric values – the number of minutes for the preparation time of the recipe
  • Cooking time – enter only numeric values – the number of minutes for the cooking time of the recipe

 

STEP 3 – Nutritional Facts

add-a-recipe-step-3

In this step we have all the nutritional facts for our recipe – Sodium, Protein, Calories – values will be entered with the measurement unit included (ex: 25g, 400kcal).

 

STEP 4 – Recipe Ingredients

add-a-recipe-step-4

In this step we can add all the recipe ingredients. The field should be completed as follows:

  • Amount – in this field we will specify the number of units for our ingredients (ex. 100)
  • Measurement – in this field we will select the measurement unit for our ingredient (cup, ml, kg) – the measurement types can be added in admin only
  • Name – in this field we will insert the name of our ingredient (ex. Flour, Milk)

You can add as many ingredients as you like by just pressing the ADD NEW INGREDIENT button. Fields are generated dinamically.

Also you can delete each ingredient using it`s own DELETE button.

 

STEP 5 – Recipe preparation Steps

add-a-recipe-step-5

In this step we can add the recipe steps in wich we describe in order the preparation process of the recipe.

We have the following fields:

  • Step – The step is generated automatically
  • Description – here you can add the step description (ex: Add the flour and mix it well for 10 to 15 mins)

After completeing all fields click on the SUBMIT YOUR RECIPE button.

After submiting, the recipe will enter in pending state and after the website admin`s  approval, you`ll be able to see the recipe on the website.