React + Laravel Project in 10 hours – Build and Deploy

🚀 Get VPS Server with as low as $3.99 per month. Check https://hostinger.com/thecodeholic. Use coupon code “THECODEHOLIC” for an EXTRA 10% OFF 🚀

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 🔥

⭐ Project Source Code
https://github.com/thecodeholic/laravel-react-survey

👉 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