The Recipe Manager we are going to develop allows you to collect, search, organize, and browse your recipes.

Recipe Manager Component & Ingredient Admin View

The first part of this tutorial demonstrates:

  1. Create component in JCB
  2. Create backend views: Recipe - Ingredient
  3. Link admin views to the component
  4. Create fields of Ingredient view
  5. Add fields to Ingredient

!---->

 

Recipe Admin View & Ingredients Subform

This second video of the series covers creating a backend recipe view, of the recipe manager component, that has custom dynamic drop-down list and subform

!---->

 

Recipes DynamicGet & Site View (Bootstrap Cards)

This part of the tutorial series explains how to create a site list of the recipes manager Joomla component.

You will learn how to use JCB to create the different elements of a list site view of Joomla component.

For example, you will learn to create the dynamic get, which is corresponding to the model of the MVC design pattern, and how to fine tune the database query by adding where conditions, ordering and joining another table.

Then you will learn how to implement and customize a front-end design into a Joomla component view, how and where to place the HTML and CSS, how to convert the static HTML/CSS design into a dynamic one using PHP.

 

Recipe Site And Create & Edit Views

We will learn how to create a dynamic get of type getItem and filter it with the of the query string parameters of the URL.

We will create the recipe item site view and link it to the recipes site view, such that the read link of each recipe loads the recipe full page.

Then we will add the recipe item view to the component and learn how to customize the recipe model and view to display the ingredients JSON string as an HTML list element.

At last, we will enable the create and edit recipe site view, and add more permissions to allow registered user to create and edit recipes at front-end.

 

Recipes Frontend Filters & Menu Item Parameter

We will learn how to add some filters to the recipes list, where recipes list can be filtered by category and preparing time.

We will add 2 sliders to select the preparing time starting from and up to values.

I will explain how to create a menu item parameter to filter the recipes list by categories, this makes it possible to create different menu items for one or more categories.

Then I will demonstrate how to create 2 sliders to filter recipes list by a range of preparing time values.

At last I will modify the recipes site view to display a message when no recipes returned.

!---->