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

Merci à Cyril T. pour sa contribution le 25/01/2022

The Codeholic
Anglais Anglais
Laravel
Vue.js
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