MENU

Fun & Interesting

Built Complete Vue 3/Vuex application in 3 hours

The Codeholic 134,471 3 years ago
Video Not Working? Fix It Now

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-meals-app 👉 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) https://www.patreon.com/thecodeholic 🍺 Buy me Beer: (For one time donation) https://www.buymeacoffee.com/thecodeholic 🖱️Follow me on social media:🖱️ https://twitter.com/thecodeholic https://www.facebook.com/thecodeholic https://www.instagram.com/thecodeholic Check my Github: https://github.com/thecodeholic

Comment