In this video we will use free third party API and build recipe and meal search application using Vue.js.
By building this application we will learn how to interact with API, how to define parent and child routes in Vue.js, How to define layouts, how to create scalable file and folder structure, how to use Vue composition API and many other important things.
For building this Interface we will use Tailwind css.

Support me by subscribing - https://bit.ly/2xTQOI0

⭐ Project Source code - https://github.com/thecodeholic/vue-m...
👉 API we'll use - https://www.themealdb.com/api.php

Timecodes
--------------------
00:00:00 - Intro & Demo
00:02:21 - What you will learn?
00:03:11 - Create Vue.js app
00:07:20 - Add Tailwindcss
00:09:15 - Add Vue Router and configure routes
00:14:40 - Install Vuex and create store
00:21:06 - Create Home Page
00:31:20 - Install axios
00:33:30 - Build the actual application, components, layouts, API requests
02:40:30 - Refactor code and UI
02:51:13 - Outro

If you really love my content and want to support the channel:
👉 My Patreon: (For monthly donation)
  / thecodeholic  
🍺 Buy me Beer: (For one time donation)
https://www.buymeacoffee.com/thecodeh...

🖱️Follow me on social media:🖱️
  / thecodeholic  
  / thecodeholic  
  / thecodeholic  

Check my Github:
https://github.com/thecodeholic