Cocktail Mobile App with Ionic and Vue 3 - Part 2 Drinks By Ingredient

Описание: In part 1, we created our cocktail app using Ionic Framework and Vue. We also added our first tab to show a random cocktail. In this part, we're going to be implementing search by ingredient functionality on Tab 2.

Part 1 - Random Cocktail Tab
   • Cocktail Recipe Mobile App with Ionic and ...  

Timestamps
0:00 - Intro
0:46 - Changing Tab Icon and Name
1:22 - Ingredients List Tab View
10:56 - Drinks By Ingredient View
6:11 - Drink View
24:05 - Coding Drink Card Component
30:40 - Wrap up

Ionic Framework
https://ionicframework.com

Vue 3
https://v3.vuejs.org/

TheCocktailDB
https://www.thecocktaildb.com

BitBucket Repo
https://bitbucket.org/TheDiligentDev/...

interface Drink {
idDrink: string;
strDrink: string;
strDrinkAlternate: string;
strDrinkES: string;
strDrinkDE: string;
strDrinkFR: string;
"strDrinkZH-HANS": string;
"strDrinkZH-HANT": string;
strTags: string;
strVideo: string;
strCategory: string;
strIBA: string;
strAlcoholic: string;
strGlass: string;
strInstructions: string;
strInstructionsES: string;
strInstructionsDE: string;
strInstructionsFR: string;
"strInstructionsZH-HANS": string;
"strInstructionsZH-HANT": string;
strDrinkThumb: string;
strIngredient1: string;
strIngredient2: string;
strIngredient3: string;
strIngredient4: string;
strIngredient5: string;
strIngredient6: string;
strIngredient7: string;
strIngredient8: string;
strIngredient9: string;
strIngredient10: string;
strIngredient11: string;
strIngredient12: string;
strIngredient13: string;
strIngredient14: string;
strIngredient15: string;
strMeasure1: string;
strMeasure2: string;
strMeasure3: string;
strMeasure4: string;
strMeasure5: string;
strMeasure6: string;
strMeasure7: string;
strMeasure8: string;
strMeasure9: string;
strMeasure10: string;
strMeasure11: string;
strMeasure12: string;
strMeasure13: string;
strMeasure14: string;
strMeasure15: string;
strCreativeCommonsConfirmed: string;
dateModified: string;
}

#vueJs #ionic #mobile