Skip to main content
Version: 5.3

My Meals Walkthrough

The MyMeals feature is the standalone page where users see the recipes in their basket. Most likely, if you integrated the Catalog Feature, you've already created this page. This tutorial will just help you create a standalone page.

Time to read:

clock icon

5 minutes


Time for base implementation:

clock icon

1 hour


Time for full customization:

clock icon

2 hours


Prerequisites​

Packages​

To have the Mealz functioning properly, you must install our package MealziOSSDK. Here are the instructions

Initialize Miam​

Also, you must initialize mealz in your AppDelegate. Here are the instructions

Ingredients​

MyMeals​

The MyMeals Page shows the recipes that the user has added to their basket. Additionally, it includes the products that make up that recipe. They can change the amount of products, change the product, or even change the number of guests.

The user just navigates back to the Page they launched from.

A screenshot of the My Meals page
My Meals with a recipe & ingredients

ItemSelector​

The ItemSelector Page shows other products that the user can replace their current product for.

When the user selects the product they are selecting, they should be navigated back to where they launched from.

A screenshot of the Item Selector page
Item Selector for Menguy's Peanut Butter

RecipeDetails​

The RecipeDetails Page shows the information, ingredients, & steps for the recipe. Optionally, the user can add the item to their basket from the footer.

If the user adds the recipe to their basket, they are navigated to their Miam MyMeals or Basket. Otherwise, they can just navigate back to the Page they launched from.

A screenshot of the Recipe Details page
Recipe Details of Carrot Soup

SponsorDetails​

The SponsorDetails Page shows information about the product or company that is sponsoring a certain recipe. The content comes from the Sponsor, so only the background, loader, & empty are customizable.

The user just navigates back to the Page they launched from.

A screenshot of the Sponsor Details page
Sponsor Details of Interbev steak

Customization​

If you would like to customize your components, such as the Background, Loader, or RecipeCard, you can read our documentation here.

Next Steps​

After integrating MyMeals, you have a standalone page for your users, most likely in their Account. If you'd like to provide another useful feature for your users, you can add Meal Planner.