I Built Full Stack Application with Laravel, Vue 3 and Tailwindcss
Get the HOSTINGER premium shared hosting, which includes free domain, email and SSL. Use the coupon code "THECODEHOLIC" or click the link bellow
https://hostinger.com/THECODEHOLIC
I have built Full Stack Application with Laravel, Vue 3 and Tailwind.css.
While building this application you will learn how to create REST API in Laravel with authentication, to setup Vue 3 project with Vue state management integrate with Tailwind.css and Build Full Stack Survey Application.
⭐⭐Project Source code⭐⭐
https://cutt.ly/tINEpEv
🤝Support me by subscribing🤝
https://bit.ly/2xTQOI0
Table of Contents
00:00:00 - Intro
00:00:25 - Demo
00:05:14 - What you will learn
00:09:21 - What is Hostinger
00:13:52 - Setup Hosting and Domains
00:17:32 - Setup Laravel Project
00:21:04 - Setup Vuejs Project
00:21:55 - Setup Vuex
00:24:18 - Add Tailwindcss
00:26:10 - Add Vue Router
00:28:52 - Vue Components (Login, Register, Layout)
00:32:42 - Redirect to Login Page
00:40:03 - Create Layout and Navbar
00:48:10 - Create Reusable PageComponent
00:50:48 - Generate Migrations
00:53:43 - Signup on Backend
00:56:51 - Signup on Frontend
01:04:28 - Login on Backend
01:06:36 - Login on Frontend
01:20:09 - Logout on Backend
01:22:05 - Logout on Frontend
01:23:46 - Define Surveys Structure
01:27:31 - Create Survey Pages
01:31:00 - Survey Card with Tailwindcss
01:34:04 - Create Survey Form
01:41:48 - Start Working on Questions
01:44:00 - Display Question inputs
01:47:48 - Render Question Type Select
01:47:37 - Render Options for question
01:56:23 - Add Question, Delete Question
02:01:59 - Laravel Survey CRUD
02:12:03 - Save Survey in Vue
02:16:21 - Add Image to Survey
02:36:53 - Survey Update in Vue
02:47:56 - Show Loading on Survey View
02:50:45 - Survey Delete in Vue
02:54:18 - Get Surveys From Backend
03:03:34 - Implement Saving Questions
03:22:52 - Show Notification on Survey Update
03:28:23 - Add Animations
03:30:19 - Implement Pagination
03:39:00 - Create Survey Public Page
03:45:22 - Implement Get Survey By Slug
03:52:45 - Display Questions on Public Page
03:59:14 - Implement Saving Answers
04:12:24 - Implement Dashboard
04:28:00 - Fix Dashboard Bugs
04:35:26 - Show Validation Errors
04:49:42 - Prepare Vue for Production
04:53:39 - Deploy Frontend
04:55:25 - Deploy Backend
05:15:41 - Add .htaccess for Vue routing
05:17:52 - The End
🖱️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
Please Take the Survey
https://yoursurveys.xyz/view/survey/thecodeholic-youtube-channel
Видео I Built Full Stack Application with Laravel, Vue 3 and Tailwindcss канала The Codeholic
https://hostinger.com/THECODEHOLIC
I have built Full Stack Application with Laravel, Vue 3 and Tailwind.css.
While building this application you will learn how to create REST API in Laravel with authentication, to setup Vue 3 project with Vue state management integrate with Tailwind.css and Build Full Stack Survey Application.
⭐⭐Project Source code⭐⭐
https://cutt.ly/tINEpEv
🤝Support me by subscribing🤝
https://bit.ly/2xTQOI0
Table of Contents
00:00:00 - Intro
00:00:25 - Demo
00:05:14 - What you will learn
00:09:21 - What is Hostinger
00:13:52 - Setup Hosting and Domains
00:17:32 - Setup Laravel Project
00:21:04 - Setup Vuejs Project
00:21:55 - Setup Vuex
00:24:18 - Add Tailwindcss
00:26:10 - Add Vue Router
00:28:52 - Vue Components (Login, Register, Layout)
00:32:42 - Redirect to Login Page
00:40:03 - Create Layout and Navbar
00:48:10 - Create Reusable PageComponent
00:50:48 - Generate Migrations
00:53:43 - Signup on Backend
00:56:51 - Signup on Frontend
01:04:28 - Login on Backend
01:06:36 - Login on Frontend
01:20:09 - Logout on Backend
01:22:05 - Logout on Frontend
01:23:46 - Define Surveys Structure
01:27:31 - Create Survey Pages
01:31:00 - Survey Card with Tailwindcss
01:34:04 - Create Survey Form
01:41:48 - Start Working on Questions
01:44:00 - Display Question inputs
01:47:48 - Render Question Type Select
01:47:37 - Render Options for question
01:56:23 - Add Question, Delete Question
02:01:59 - Laravel Survey CRUD
02:12:03 - Save Survey in Vue
02:16:21 - Add Image to Survey
02:36:53 - Survey Update in Vue
02:47:56 - Show Loading on Survey View
02:50:45 - Survey Delete in Vue
02:54:18 - Get Surveys From Backend
03:03:34 - Implement Saving Questions
03:22:52 - Show Notification on Survey Update
03:28:23 - Add Animations
03:30:19 - Implement Pagination
03:39:00 - Create Survey Public Page
03:45:22 - Implement Get Survey By Slug
03:52:45 - Display Questions on Public Page
03:59:14 - Implement Saving Answers
04:12:24 - Implement Dashboard
04:28:00 - Fix Dashboard Bugs
04:35:26 - Show Validation Errors
04:49:42 - Prepare Vue for Production
04:53:39 - Deploy Frontend
04:55:25 - Deploy Backend
05:15:41 - Add .htaccess for Vue routing
05:17:52 - The End
🖱️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
Please Take the Survey
https://yoursurveys.xyz/view/survey/thecodeholic-youtube-channel
Видео I Built Full Stack Application with Laravel, Vue 3 and Tailwindcss канала The Codeholic
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Laravel From Scratch 2022 | 4+ Hour Course](https://i.ytimg.com/vi/MYyJ4PuL4pY/default.jpg)
![](https://i.ytimg.com/vi/Hg4362aWrlA/default.jpg)
![I built the same app 10 times // Which JS Framework is best?](https://i.ytimg.com/vi/cuHDQhDhvPE/default.jpg)
![7 Full Stack App Ideas for Developers w/ Instructions Included](https://i.ytimg.com/vi/JTOJsU3FSD8/default.jpg)
![Build a IP Tracking App With Vue 3, Tailwind CSS & Leaflet.js (Composition API)](https://i.ytimg.com/vi/z-hhIrLqYM0/default.jpg)
![10 CSS Pro Tips - Code this, NOT that!](https://i.ytimg.com/vi/Qhaz36TZG5Y/default.jpg)
![PHP Developer roadmap - How to Become a PHP Developer in 2022](https://i.ytimg.com/vi/r9ndOH0tyfA/default.jpg)
![How to OVER Engineer a Website // What is a Tech Stack?](https://i.ytimg.com/vi/Sxxw3qtb3_g/default.jpg)
![What's next for Vue? Evan You explains...](https://i.ytimg.com/vi/3QPp_DlcZpM/default.jpg)
![Build a Todo List App in Vue JS with LocalStorage in 2022 | Vue 3 for Beginners](https://i.ytimg.com/vi/qhjxAP1hFuI/default.jpg)
![Laravel 8 REST API With Sanctum Authentication](https://i.ytimg.com/vi/MT-GJQIY3EU/default.jpg)
![Build a Covid Tracker App With Vue.js & Tailwind](https://i.ytimg.com/vi/m-MAIpnH9ag/default.jpg)
![Laravel 9 - Everything You Need to Know (In 45 Minutes)](https://i.ytimg.com/vi/GwunZ5sH2P8/default.jpg)
![Learn Vite with Evan You](https://i.ytimg.com/vi/DkGV5F4XnfQ/default.jpg)
![Live-Coding: Laravel CRUD + Vue.js 3 Composition API](https://i.ytimg.com/vi/KfaZRBdN2as/default.jpg)
![Full Stack Vue.js & Laravel](https://i.ytimg.com/vi/DJ6PD_jBtU0/default.jpg)
![From Laravel Blade to Vue.js + API [Live-coding Example]](https://i.ytimg.com/vi/4uVNz9sQn18/default.jpg)
![Vue JS Crash Course](https://i.ytimg.com/vi/qZXt1Aom3Cs/default.jpg)
![I built 10 web apps... with 10 different languages](https://i.ytimg.com/vi/FQPlEnKav48/default.jpg)
![How to Build REST API in Laravel 8](https://i.ytimg.com/vi/bvvVX9Pny84/default.jpg)