andriajah Thu Feb 2023 1 year ago
Build And Deploy React + Laravel Project In 10 Hours
In this video, we will build a full-stack survey project using React and Laravel, and deploy it on a Virtual Private Server (VPS) in just 10 hours! We will start by setting up the Laravel backend and connecting it to a React frontend. Then, we will implement the survey functionality, allowing users to create and take surveys. Finally, we will deploy our project to a VPS, making it accessible to the world. Join me for this comprehensive, step-by-step guide to building and deploying a React + Laravel project.
🔥 Check my 23 hours course "Build and Deploy Laravel E-commerce Website with Vue.js Admin Panel" at https://thecodeholic.com 🔥
👉 Deploy Laravel on VPS - https://youtu.be/V4ZTjaFpGRg
👉 Deploy Laravel on Shared Hosting - https://youtu.be/dpJDV25tptw
👉 React+Laravel Full Stack App - https://youtu.be/qJq9ZMB2Was
Timecodes
----------------------------------------
00:00:00 - Intro & Demo
00:05:03 - Sponsor message
00:07:57 - Setup
00:15:30 - Add Tailwindcss
00:20:04 - Install Heroicons
00:22:51 - Create Login form
00:29:56 - Create Routes
00:29:56 - Create Guest Layout
00:35:57 - Create Default Layout
00:43:23 - Page Component
01:00:40 - ContextProvider 1
01:04:42 - ContextProvider 2
01:14:21 - Create Protected routes
01:15:46 - Survey List page
01:18:50 - Survey List Item
01:29:52 - Survey Form 1
01:43:24 - Survey Form 2
01:53:20 - Create AuthController
02:07:37 - Signup
02:16:14 - Signup 2
02:38:52 - Login
02:44:05 - Logout
02:47:13 - Logout 2
02:48:14 - Survey Form
02:51:56 - Generate migrations and models
02:59:35 - Generate Survey CRUD on backend
03:34:30 - Implement survey save
03:38:25 - Finish survey create
04:05:37 - Display validation errors
04:14:59 - Create SurveyQuestions component
04:35:05 - Implement saving survey with questions
04:54:37 - Implement saving survey with questions2
04:55:49 - Finish SurveyQuestion component
05:00:28 - Finish SurveyQuestion component
05:19:09 - Get authorized user's information
05:27:15 - Load surveys from the database & Pagination
06:08:17 - Implement survey update
06:22:50 - Delete survey
06:29:38 - Implement notification
06:47:55 - Question type select
06:52:42 - Question type select 2
07:21:56 - Survey public page
07:34:26 - Survey public page 2
07:42:43 - Create Question view component
07:59:39 - Create API endpoint to store survey answer
08:06:46 - Implement store survey answer
08:18:52 - Implement Dashboard backend
08:28:10 - Implement Dashboard frontend
08:40:22 - Improve Dashboard
08:46:11 - Claim new domain
08:47:01 - Create VPS Server
08:49:15 - Configure DNS records
08:56:42 - Setup VPS server and install Laravel
10:15:19 - Install SSL
10:20:14 - Adjust Virtual Host file for SSL
Support me by subscribing - https://bit.ly/2xTQOI0
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 laravel full project laravel full stack react laravel react laravel react authentication laravel react full project laravel react full stack Laravel Full Stack App react 18 tutorial react 18 laravel 8 react 18 laravel 10 react tailwind project react 18 project react 18 tailwind css laravel tailwind css react js full stack app react js laravel full stack app Laravel 8 full stack app Laravel 0 full stack app laravel react js full stack react
andriajah