Laravel 11 + React Full Stack App with Inertia - Project Management App

  Рет қаралды 114,849

The Codeholic

The Codeholic

Күн бұрын

In this video you're going to learn how to build single page applications with Laravel 11 and React by building this awesome project management website. In my opinion this is the perfect project if you want to learn how to take these two technologies: Laravel 11 and React and learn how to build awesome applications.
This is going to be also a perfect project to put in your portfolio.
🎬 • How to Deploy Laravel ...
🎬 • Deploy Laravel on VPS ...
🎬 • Laravel Hosting with G...
⭐ Project Repository: bit.ly/3uWgoKD
🔔 Subscribe: bit.ly/2xTQOI0
If you really love my content and want to support the channel:
🛒Check my Website: thecodeholic.com
🌟 Become a Patron: / thecodeholic
🍺 Buy me Beer: www.buymeacoffee.com/thecodeh...
Table of Content
-----------------------------
00:00:00 - Intro and Demo
00:05:36 - Setup Project
00:15:55 - What is Inertia and How it works
00:28:40 - Prepare the database
00:48:54 - Create Controllers and Define Routes
00:58:50 - Render Projects with Pagination
01:38:19 - Filtering Projects
01:52:35 - Sorting of Projects
02:20:58 - Render Tasks
02:28:49 - Render Project view page with tasks
02:55:19 - Project Create
03:35:31 - Delete and Update Projects
03:56:55 - Users CRUD
04:31:21 - Tasks CRUD
05:08:05 - Create My Tasks Page
05:21:19 - Create Dashboard
05:43:51 - Conclusion
🖱️Follow me on social media:🖱️
x.com/thecodeholic
/ thecodeholic
/ thecodeholic

Пікірлер: 279
@TheCodeholic
@TheCodeholic 3 ай бұрын
Only 1 day left on my premium course to get it for as low as $9.99. Thank you all for your support. www.udemy.com/course/laravel-ecommerce-website-with-vuejs-admin-panel/learn/?couponCode=THECODEHOLIC
@HadiCodeMaster-bp4ws
@HadiCodeMaster-bp4ws Ай бұрын
react formation plz on udemy
@sammer-gr5qj
@sammer-gr5qj 3 ай бұрын
Would love to see few more laravel 11 + React + Inertia projects.
@cubedev4838
@cubedev4838 3 ай бұрын
Amazing, if you want your channel grow very fast stick with laravel react project. You will see
@irtazatechfusion
@irtazatechfusion 3 ай бұрын
He is right, We want advance level project in Laravel react (Ecommerce , RealTime Communication Reverb , ERP , Advance Backend)
@beticohernandez9536
@beticohernandez9536 3 ай бұрын
Excelente
@Dan-Levi
@Dan-Levi Ай бұрын
Second this. The topic is very relevant, a big part of the internet are still websites written using php as the server side language, and you can say much about php but Laravel has turned out real good!
@mriswan5806
@mriswan5806 24 күн бұрын
Yea in my country Indonesia PHP is so popular for BE but most people sparerate them into two parts, still rare to combine this
@neverforget1575
@neverforget1575 3 ай бұрын
wow finally a react with inertia tutorial, keep up the great work
@anImperfectCircle
@anImperfectCircle 3 ай бұрын
I've been using Laravel with Inertia and React for a while now. This video is fantastic. If you were to create a course on an ecommerce like the one you did with Vue, I'd jump on it! Your channel definitely deserves more subscribers!
@MrAtomUniverse
@MrAtomUniverse 3 ай бұрын
Do you use it with SSR ?
@macarenagd3954
@macarenagd3954 3 ай бұрын
You can't imagine how much I needed this video. Thank you very much
@joyustcian222
@joyustcian222 3 ай бұрын
Wow just looking for that as react and laravel updated at same time. Thank you so much
@shimadabr
@shimadabr 2 ай бұрын
That's better than most paid courses out there! You don't just explain the "how-to", but also the "why" in many instances.
@jjplays404
@jjplays404 3 ай бұрын
Wow. Wait ends here ! Big respect from Pakistan
@Anthony-zu4kq
@Anthony-zu4kq 3 ай бұрын
Wow great timing! Creating a project over the weekend. And this is perfect for my project. Thanks wish me luck.
@rashidshahriar7913
@rashidshahriar7913 3 ай бұрын
I am a frontend developer and I just started learning backend I think found a gem. keep up the good work, man.
@tonderaitagwi6844
@tonderaitagwi6844 6 күн бұрын
I like your style of teaching, its quite easy to follow
@hayfordannan707
@hayfordannan707 3 ай бұрын
Good work Codeholic
@getJackt
@getJackt Ай бұрын
So glad I found your channel
@shaki7888
@shaki7888 Ай бұрын
Thank you for taking the time and creating this amazing tutorial! Very informative and useful!
@cookies4674
@cookies4674 3 ай бұрын
thank you for making this tutorial 😎
@vidz_24
@vidz_24 3 ай бұрын
Thank you @The Codeholic for this video. It will surely be instrumental for my pending application as I'm required to demonstrate my knowledge of Laravel & ReactJS
@pcerrorsandsolutions3438
@pcerrorsandsolutions3438 Ай бұрын
wow finally a react with inertia. Loved it so much 😍!
@DaveH3009
@DaveH3009 Ай бұрын
Thank you! This was very clear and easy to follow.
@beysachpromax
@beysachpromax 3 ай бұрын
great project keep going!!!
@akmaljon2402
@akmaljon2402 3 ай бұрын
Wow. It's great. Thank you very much
@kimelironald4451
@kimelironald4451 Ай бұрын
I learnt react/Laravel with you (from zero) and still following your clear to understand tutorials. Now stick to it we grow together
@Karthikmohan2310
@Karthikmohan2310 3 ай бұрын
This is just awesome..waiting for more react with laravel projects.
@SmailPeche
@SmailPeche 2 ай бұрын
keep going we are lerning alot with you, thank you some much
@vanhelsingx69x
@vanhelsingx69x 3 ай бұрын
Amazing work as usual. This channel is underrated. Thank you for your work!
@TheCodeholic
@TheCodeholic 3 ай бұрын
Thank you buddy.
@Zinaxy14
@Zinaxy14 3 ай бұрын
i have been researching for laravel and react inertia for long ..the community is flooded by only laravel and vue inertia ..this video is a life saver . Thank You === True
@minimalhainex7333
@minimalhainex7333 Ай бұрын
Hello, what's the issue with vue? why is react better?
@Zinaxy14
@Zinaxy14 Ай бұрын
Don't think there's an issue .but I'm a react developer thats why i choose react
@Patrickzulu1
@Patrickzulu1 3 ай бұрын
You the Best .. Keep doing the good work..!
@SS-wb1uy
@SS-wb1uy 3 ай бұрын
You always upload something new when I am looking for another project to start working on and learning from, thank you the codeholic
@TheCodeholic
@TheCodeholic 3 ай бұрын
Happy to hear that!
@ofsand4568
@ofsand4568 3 ай бұрын
Thank you sooo much, you're a life saver
@FunnyVideos-ni4iu
@FunnyVideos-ni4iu 3 ай бұрын
thank you so much for this wonderful project course ♥you are an excellent teacher and I really appreciate your hard work!
@herishonsangma
@herishonsangma 23 күн бұрын
Great tutorial! Thank you bro! ♥
@mirazh8216
@mirazh8216 3 ай бұрын
wait ends here! ❤❤❤
@valerikhintibidze7207
@valerikhintibidze7207 Ай бұрын
awesome work, thank you!
@yfx100
@yfx100 Ай бұрын
thanks for the video, subscribed
@udayan285
@udayan285 3 ай бұрын
Great Project. Thanks
@amrutvlgos9623
@amrutvlgos9623 3 ай бұрын
We have only one heart dear how many times you win our heart... salute
@bruzmoto
@bruzmoto 2 ай бұрын
Subscribed and liked 😊
@Ahmet_Altun
@Ahmet_Altun 3 ай бұрын
Harika bir proje. Teşekkürler Zura.
@carminemaggio5464
@carminemaggio5464 22 күн бұрын
Great tutorial!
@kcseforecast7580
@kcseforecast7580 3 ай бұрын
I like your videos so much
@aliakbarafridi3374
@aliakbarafridi3374 3 ай бұрын
Big respect sir, ❤ your contents
@MulatfSayani
@MulatfSayani 3 ай бұрын
Great tutorial 😃
@robinncode
@robinncode 3 ай бұрын
I haven't started yet. But I know it will be a great journey.
@Dev_Alley
@Dev_Alley Ай бұрын
It's really great!🤩🤩
@minthantoo3509
@minthantoo3509 3 ай бұрын
Legendddd (wait for it) daryyyyy.
@muhamadsadan8051
@muhamadsadan8051 17 күн бұрын
Wow, thanks a lot, you're really helpful
@yosvaniquiala6036
@yosvaniquiala6036 3 ай бұрын
Wonderful!!!
@redatlb9280
@redatlb9280 2 ай бұрын
such a helpful video , we thank u for the video very much
@TosinAkinbowa
@TosinAkinbowa 22 күн бұрын
You are superb in your teaching man. Every of your videos I've seen has added great value to me. Thanks a lot, champ.
@HidayatLahabu
@HidayatLahabu 2 ай бұрын
thank you for the tutorial
@irahubersonetien311
@irahubersonetien311 3 ай бұрын
Thank you, thank you, perfect tutorial. I have gained enough experience 👏👏👏 🙏🙏🙏 ⭐⭐⭐⭐⭐
@techpaiva
@techpaiva Ай бұрын
Thank you very much! 💯
@elmirmahmudov6215
@elmirmahmudov6215 3 ай бұрын
actually I didn't need this stack app but still liked the video because of your effort on creating Laravel videos. Keep going, good job!
@TheCodeholic
@TheCodeholic 3 ай бұрын
Thank you🙏
@user-tx4fg8zu6g
@user-tx4fg8zu6g 2 ай бұрын
Thank you so much for this awesome course. Even with kids, and full-time working, you are doing mind-blowing work for the community. I am not only subscribing and liking but also sharing as well.
@vaibhavjethava
@vaibhavjethava 3 ай бұрын
This is just amazing project
@yantech.4249
@yantech.4249 3 ай бұрын
Thank you so much Sir for this amazing course
@dfordemo981
@dfordemo981 3 ай бұрын
lovely and super awesome
@md.sohanurrohmansihab2928
@md.sohanurrohmansihab2928 3 ай бұрын
The best Tutorial i have ever seen, i am continues watching your video , i have completed 2:20:32 sec, just wow, i have learn lot's of things, thanx sir, hats of you ❤❤
@mohammadMakarati
@mohammadMakarati 3 ай бұрын
I am happy to see you motivated like that after 70% of unsubscribers watchers. Keep going! You are the best! And you will achieve your goals
@diloasver
@diloasver 2 ай бұрын
Thanks so much I remake this project , I learn a lot and I'm so gratefull for this kind of content
@leezhenjian7451
@leezhenjian7451 Ай бұрын
Hi Zura, thank you for your hard work. I've hit subscribe and like on your videos. Will continue learning on your tutorials.
@tmanley1985
@tmanley1985 2 ай бұрын
This is amazing! One thing I wanted to point out is at around 1:16:05, you wrap the `created_at` with a Carbon instance, but Laravel returns timestamps as a carbon instance already so you can just call format on it directly. :)
@jimmylim7979
@jimmylim7979 25 күн бұрын
Bro! Thanks! You saved my day! Laravel 11 with react full stack app with Inertia tutorial or guide is very less sources! This video helps me to fix everything that i confused!
@benatn
@benatn 2 ай бұрын
Hello im from Uruguay, my native language is Spanish. So i am learning programming with you and making my enligsh better. You are awsome!! I'm currently at minute 1:30:41, with the navs. and i am learning a lot... Thank you very much
@SVGPRO
@SVGPRO 3 ай бұрын
This guy is a boss!
@TheCodeholic
@TheCodeholic 3 ай бұрын
I am boss of myself only 😀
@carmelocarabot3763
@carmelocarabot3763 3 ай бұрын
Thanks sir for the video tutorial your explaination of the logic help me a lot worthy to subscribe ❤
@eyubx
@eyubx Ай бұрын
Big respect
@yadavjadhav1983
@yadavjadhav1983 3 ай бұрын
finally laravel11 project...excited to learn from you .appreciation and respect you from India.
@TheCodeholic
@TheCodeholic 3 ай бұрын
Thank you
@hoabakaa1692
@hoabakaa1692 Ай бұрын
thank you!
@johnkarltabuzo3746
@johnkarltabuzo3746 2 ай бұрын
Thank you I've done my project 😁😁
@helaluddin-ng8qr
@helaluddin-ng8qr 2 ай бұрын
This is a really good project. I have learn lot of Things from this video. Thank you so much. Please more more project want like this.
@nadetdevfullstack7041
@nadetdevfullstack7041 21 күн бұрын
Excellent
@user-zn7fm1su8x
@user-zn7fm1su8x 27 күн бұрын
Thanks, Zura! Your tutorials are always insightful. One suggestion: If you could you briefly explain the logic before implementing it. For example, when creating a search field, create a background beforehand. Also, adding architecture pattern diagrams and data flows would enhance the learning experience for visitors making it even more greate tutorials. Just a thought. and of course if it's a paid course, it will worth buying. Thanks again, You're the best!
@MdRasen
@MdRasen 2 ай бұрын
Successfully completed the project! Thank you very much. Would also appreciate if you provide an updated deployment video of "Laravel 11 + React with Inertia".
@jonloydcortez1881
@jonloydcortez1881 3 ай бұрын
Best Contents, New fan thank you sir.
@TheCodeholic
@TheCodeholic 3 ай бұрын
Thanks and welcome
@abrefai2800
@abrefai2800 2 ай бұрын
thank you very much this video got me hired :)
@TheCodeholic
@TheCodeholic 2 ай бұрын
Are you serious? That is so awesome... Thanks for letting me know.
@abrefai2800
@abrefai2800 2 ай бұрын
yes i watched your video and I got an interview couple of days ago. I was asked to create a request managment app that handles the requests of 4 users that has different roles and an accessibility rights depending on these roles. It had to be implemented with laravel and react. without your video I would have had a very hard time impleminting it. so thank you very much once angain for your effort!
@miskhan2018
@miskhan2018 28 күн бұрын
Hi, your tutorial is great. The time you take to explain so many things makes it easy especially for beginners to grasp the whole idea of how inertia works. Please can you do a tutorial on how implement Adminlite with laravel + reactjs.
@zafeerahmad4705
@zafeerahmad4705 2 ай бұрын
i was waiting for such course but without inirtia
@smart.soft.academy
@smart.soft.academy 2 ай бұрын
how can use the sweet alert for the delete function?
@Robennhood
@Robennhood Күн бұрын
awesome project sir
@abdulqadrmuhamad9119
@abdulqadrmuhamad9119 3 ай бұрын
The best of the best
@MrAtomUniverse
@MrAtomUniverse 3 ай бұрын
Oh my God! More Please!
@ramiroguerreroleal1176
@ramiroguerreroleal1176 Ай бұрын
In this video you made some mistakes. It helped me A LOT. I just started to learn Laravel, and because of this tutorial, I also learned how to identify and solve errors. It was a fantastic project and it's so well explained. I feel better in my job and that's because of you. Thank you, thank you very much
@ngocson2486
@ngocson2486 3 ай бұрын
This video is what i need. I want to see how can I use Laravel with modern frontend lib or fw, but almost I got is laravel+vuejs but I want to know how to use react too, and I'm here
@bintanginformasi3365
@bintanginformasi3365 Ай бұрын
what extension do you use for displaying function references & overide ?
@amazingrajeev
@amazingrajeev 3 ай бұрын
Filtered data exports and multi row checkbox selection action handling would have been great addition into this project.
@TheCodeholic
@TheCodeholic 3 ай бұрын
I agree... Try to add them and send the pull request.
@durjaygp
@durjaygp 3 ай бұрын
Starting work 😊
@esmatullah-vq7nh
@esmatullah-vq7nh Ай бұрын
Hello this project prefect and professional project I have pursue to redevelop your projects according to your videos thanks one world Sit your respectful Esmatullah from Afghanistan
@user-bb4dp8st8z
@user-bb4dp8st8z 3 ай бұрын
It will be great, if you refresh your guide about how to build rest api with laravel 11 and make it more difficult, not a simple project. Since I started watching your channel, I have a big progress, thanks you a lot! The best tutorials in a whole KZfaq
@TheCodeholic
@TheCodeholic 3 ай бұрын
I plan to create Laravel 11 API course
@pkiorpes
@pkiorpes 3 ай бұрын
Awesome! It would be nice to convert your tutorial Social Media Website from inertia vue to inertia react.
@SanBahadurTamang-w2o
@SanBahadurTamang-w2o Күн бұрын
can you tell me what kind of extension do you use for laravel only
@user-sj5ez5ib2n
@user-sj5ez5ib2n Ай бұрын
ზურა გამარჯობა, ძალიან მაგარი ვიდეო გაქვს და ბევრი რამ ვისწავლე, თუმცა თასქებისა და პროექტების დასერჩვა არ მუშაობს ჩემთან. იგივეს ვაკეთებ რასაც შენ, თუმცა რაღაცას როცა ვწერ მსოლოდ პირველი ორი ასო იწერება და დანარჩენი იშლება, არ იფილტრება საერთოდ.
@rjtkatoch007
@rjtkatoch007 3 ай бұрын
you are awesome bro.
@TheCodeholic
@TheCodeholic 3 ай бұрын
You are!
@rashad7865
@rashad7865 3 ай бұрын
More inertia + laravel apps needed 💌
@TheCodeholic
@TheCodeholic 3 ай бұрын
Next one is coming two weeks later. Building SaaS with Laravel 11 and React with inertia
@mugerwaobadiah1621
@mugerwaobadiah1621 3 ай бұрын
@@TheCodeholic ohh thats great, but the next one lets create apis also plus state management with redux toolkit.i have enjoyed this one
@abbeed1
@abbeed1 3 ай бұрын
thanks bro
@hd_y
@hd_y Ай бұрын
can you list the extension you used in your vscode?
@thrqhfdz12
@thrqhfdz12 8 күн бұрын
What extension did you use in vs code to create this code?
@dsuess
@dsuess 3 ай бұрын
+1 Subscribed 👍👍
@costax5497
@costax5497 2 ай бұрын
you can do status with enums ?
@moyatsarista7605
@moyatsarista7605 3 ай бұрын
Thank you so much for this video!… I hope your channel gets more attention; you deserve it! Also can I request you to make an e-commerce website using Laravel 11+React!!!
@TheCodeholic
@TheCodeholic 3 ай бұрын
That is in my plan for future
Laravel 11 + React SaaS with Stripe Integration
1:37:21
The Codeholic
Рет қаралды 20 М.
Laravel First Impressions From A JavaScript Dev
21:08
adamdotdev
Рет қаралды 122 М.
孩子多的烦恼?#火影忍者 #家庭 #佐助
00:31
火影忍者一家
Рет қаралды 48 МЛН
버블티로 체감되는 요즘 물가
00:16
진영민yeongmin
Рет қаралды 111 МЛН
HOW DID HE WIN? 😱
00:33
Topper Guild
Рет қаралды 38 МЛН
🤔Какой Орган самый длинный ? #shorts
00:42
Laravel vs React
9:40
Aaron Francis
Рет қаралды 46 М.
Laravel 11 Tutorial for Beginners - Laravel Crash Course (2024)
1:22:20
The Codeholic
Рет қаралды 133 М.
Livewire vs. Inertia
11:05
Laravel Magazine
Рет қаралды 1,9 М.
Every Framework Sucks Now
24:11
Theo - t3․gg
Рет қаралды 93 М.
Why Don't We Have A Laravel For JavaScript?
12:36
Theo - t3․gg
Рет қаралды 88 М.
Laravel + Livewire todo app (and so much more)
16:41
Aaron Francis
Рет қаралды 35 М.
These Coding Projects Give You An Unfair Advantage
14:39
Harkirat Singh
Рет қаралды 330 М.
They made React great again?
4:11
Fireship
Рет қаралды 1 МЛН
Every React Concept Explained in 12 Minutes
11:53
Code Bootcamp
Рет қаралды 452 М.
孩子多的烦恼?#火影忍者 #家庭 #佐助
00:31
火影忍者一家
Рет қаралды 48 МЛН