React + Laravel Project in 10 hours - Build and Deploy

React + Laravel Project in 10 hours - Build and Deploy

221.074 Lượt nghe
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