I Built Full Stack Application with Laravel, Vue 3 and Tailwindcss

Published: 18 January 2022
on channel: The Codeholic
420,554
9.2k

🔥🔥🔥 Check my full course "Build and Deploy Laravel E-commerce Website with Vue.js Admin Panel" at https://thecodeholic.com 🔥🔥🔥

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:🖱️
  / thecodeholic  
  / thecodeholic  
  / thecodeholic  

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

Please Take the Survey
https://yoursurveys.xyz/view/survey/t...


Watch video I Built Full Stack Application with Laravel, Vue 3 and Tailwindcss online without registration, duration hours minute second in high quality. This video was added by user The Codeholic 18 January 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 420,55 once and liked it 9.2 thousand people.