I build a TODO list app with Laravel in 17 minutes.
HTML-код
- Опубликовано: 28 сен 2024
- Code with me as I build an authenticated todo list application in Laravel, Livewire, Laravel Volt, and some Tailwind. Sometimes, the best way to learn something is to build an app that you've built a hundred times.
Here's the repo of the finished project:
github.com/jos...
Keep creating.
---
📹 *Watch My VSCode Setup Video:* • My Minimal and Beautif...
🎓 *Make VSCode Awesome - Caleb Porzio's Course (support me with this link):* gumroad.com/a/...
17 minutes!!!! never thought I would follow along with you and create a todo in such short span of time, thanks please continue to make more real world stuff using laravel and livewire!
Thank you! I'll keep giving it a shot. ☺️
I've stayed awake binge watching your channel and then you dropped this! Thank you for giving this value to us!
Thank you so much. That means a lot!
Lot of people might not realise this, but this kind of efficiency can only be learnt after a lot of experience with the language and the framework, a ballpark estimate of 2 years minimum if I say so myself.
Please do not use this as your starting point to learn Laravel or PHP. Also, amazing efficiency and usage of tools man!
I agree that at this speed it doesn't look like this for everyone.
BUT, I would say if you are an experienced dev in any language (JS, Ruby, Python), this should be a great primer for how you might want to start playing around with Laravel.
A complete beginner? No there are better options. 😁
Awesome content learned a lot in just 17mns.. that vscode theme tho haha so bright
Sorry for the flashbang. 😂 I usually swap back and forth from light to dark every now and then. But thank you for watching despite the bright screen. 😅
being up to date with the latest starter kit certainly helped a lot, but even diving into docs that probably would be within a day of work
obviously if you'd start polishing the UI and taking care of minor details these remaining 10% would take another 90% of the time or more, but that's still impressive
knowing your tools and what you want to do are the greatest efficiency helpers
You're right. If you didn't know Laravel, you can't move as quick as this. That's okay. But hopefully it shows you that knowing it means moving quicker than when other people who might use something like NextJS. :)
16:42 you still can delete it, because the user login is the one who own the todo. can test the policy by change Auth::user()->todos()->get() to Todo::all().
Yep! That's true. You can still delete it because of the inherit nature, so I should have tested and shown what would happen if we tried to delete it and weren't the logged in user. Good shot. :)
I love this!
This is the first time I watch your vdo.
I'm going to subscribe you from now!
Great video! Well done 👏
Thank you! 😊
Awesome content! keep it comming!
Thank you. ☺️
Great video, thank you. Will look into Livewire soon. What font do you use in the editor?
This is the "Dank Mono" font. :)
How do you get the auto-completion, which tool are you using?
This is just Github Copilot actually. But I am playing around with Supermaven, Codeium, and Cody. :)
Hello. Wouldn't the fact that you used "Auth::user()->todos()->where('id', $id)->delete()" already make it safe by the simple fact that you mentioned that you need the todos that belong to the user? Otherwise, why not use "Todo->where('id',$id)->delete()" and then use Policies?
Yep. You're correct. It's not necessary for this particular query. BUT it is helpful to have in place just in case the query was written differently or forgotten. It's helpful to do both.
I dive into this a little bit further in my "Is Laravel Livewire actually secure?" video, but you're absolutely correct. :)
Very good!
Thank you!
Hi, may I know what you used for formatting blade?
In VS Code, I have the TALL Stack extension bundle and Intelephense.
I believe the formatting is done with the Laravel Blade Formatter in the TALL Stack bundle.
Thank you for the video! My eyes when the whole screen is white (not dark mode) -> 👁👁 :D
Sorry for the white screen. 😅 I switch back and forth from light to dark mode.
My poor poor eyes
I’m sorry. I’ve changed it back in future videos. 😓
I am learning Laravel and I find your channel very helpful! Btw, your code editor is so clean, I'm a fan of it. Can I ask how did you set that up?
Thank you! I hope your Laravel journey is a fun one. It has been for me! :)
The majority of my VS Code setup is through Caleb Porzio’s “Make VS Code Awesome” course. Its fantastic. Lots of opinions that I like in a minimal setup.
@@joshcirre Thanks! Will check on it. Keep up the good content!!
I can’t make the command « herd open » on my terminal, for What ?
Are you using Laravel Herd by chance? That’s what I’m using for local development. It makes things incredibly easy and gives you those commands after installing. ☺️
The policy seems useless if you are just grabbing the todos from the authed user anyway? You will only get todos related to the user that created them which is always going to be the user that is logged in and viewing the todos.. So whats the point in checking if the todo they are trying to delete is theirs.. when you only show theirs and only delete the todo if you find it in their todos anyway... Right? that makes sense in my head
Yep! Not needed, but helpful to show you can do that if for some reason you’re showing multiple users (maybe on a team) and only want individuals to delete their own todos.
So yep! You’re spot on’
@@joshcirre oh well yeah, that makes more sense. good to know i thunked it out right tho. Awesome stuff, thanks
@@HiImKyle You're on it. Thanks for watching. :)
Thanks for all your videos but please switch back to dark mode, way too bright to follow along from dark environment. Also, you’re filming yourself in a dark room with warm lighting so the color balance on you against the cool bright background looks off.
Thanks for the feedback. I’ll try to keep it more consistent. ☺️
please make a video teaching rest api with laravel and some meta framework js
Hmm. So like a Laravel and NextJS tutorial?
@@joshcirre No next js no , something like Sveltekit or Nuxt it would be nice
Very good. I just shifted to backend coz I can't finish an entire feature with just front end lols.
The amount of things Laravel gives you for free beyond what I show in this short little video is absolutely crazy. I love it. :)
I recently made a post on reddit and said I built a note taking app with Laravel in an hour. And people said I was bs'ing lol. I'll refer them to this video.
I'm glad I could be that resource for you. Yes! It really can be that fast in Laravel. ☺️
Great video. Thanks!
Thanks so much for watching. :)
thank you for the video,
Please can you tell me What Code Editor you're using?
Thank you for watching! This is VS Code, just extremely custom using things like APC plugin. I use a lot of Caleb Porzio's tips in the "Make VS Code Awesome" course.
@@joshcirre thank you
hi, can you publish the code on repo git ?
Sure thing! I’ll add it to the description and let you know about it in a few hours. 👋
Here you go! :)
github.com/joshcirre/laravel-speedrun