React + Laravel Project in 10 hours - Build and Deploy

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.

⭐ Project Source Code

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

If you really love my content and want to support the channel:
👉 My Patreon: (For monthly donation)
🍺 Buy me Beer: (For one time donation)

🖱️Follow me on social media:🖱️

Check my Github:

[johnpaulduavis]

Thank you so much Codeholic for putting much much effort on making this videos and other related videos. I really love your videos cuz it makes me understand laravel react much more!

[phillyt]

Thank you so much for this! Also, I appreciate the live debugging for the server. Was able to successfully set up my react/laravel project because of this video :)

[francklepage]

thanks a lot man, it's hard to find this kind of content even in paid courses,
you got yourself a new subscriber and a big like

[zmdev]

Working every morning with modern PHP is dope ❤️ ⚡.
Thank you for your channel.

[dhrumilsangani]

Well it's a well designed and well explained project. I learned react and laravel in a very different way that I had never learned before. Thank you for uploading this project as free. You're great codeholic in php.😃

[gmvsp]

At my work we gonna start a new project with these technologies, this course looks like a good brief for me, thanks man.

[giddynaya]

I can't believe this is free to watch. Thanks Man!

[GedeonUmwizerwa-ftmz]

Thank you so much zura we appreciate your work 🙏

[SuperPompey]

This is great tutorial. Thankyou. EXCELLENT!

[onurtopuz]

To do such a long project by shooting and explaining video.. You are really a great person.

[roy]

Mate this is exactly what I am working on. Great to have your course right in time

[folsed]

Thanks for clear and clear language!!!

[ihateorangecat]

Thank you truly! because laravel is (still) in high demand in my country and you combine with react *perfection*💯

[mahendranath]

Thank you so much, for the awesome content 💕💕👌👌🙌🙌👍👍😍😍

[amouchaldev]

Please make more projects with laravel and reactjs thank you so much

[kaminskidaniell]

I have already made your PHP MVC course. Today I searched the internet for answer, how to have php mvc on backend and react on frontend. You are amazing. Thank you!

[Ahmet_Altun]

Çok güzel bir proje ve içerik. Teşekkürler.

[ousssika]

man thanks a lot for the vps, part, i just use hostinger vps, and thank you a lot for the settings

[georgebradley]

Just bookmarking where I am, 1:01:30. Awesome following along, really learning a lot.

[umwizerwagedeon]

thank you a lot Sir all of your Videos are interesting for us