Having a RUclips channel myself, I can relate to the monumental task of creating a tutorial like this. Thank you for your contribution the Laravel community.
Opened RUclips, saw you dropped this video, put the laptop in a backpack, and came to the neighborhood park to enjoy it with a late evening spring sun 👌
Год назад+4
You don't know how useful was this course for me. Thank u so much men!
I am a seasoned Laravel developer myself, but I learned a thing or two here, so great job Andrew :) I enjoy this kind of tutorial, where you build an actual app from a-z.
Your content is very interesting, and your explanation style is quite good. I'm really enjoying building this app following the tutorial. I never thought a newbie like me could build an app like this, and I've understood all the concepts very clearly. Thank you so much for providing such premium content for free! I truly appreciate it
laravel 10 in windows, how did you solve all the version issues with websocket that is abandoned and with that fruitcake that is also abandoned. i manage to get HTTpie up and running after much trouble but im stuck now because of packages laravel 7+ are not using anymore... Edit: manage to fix it by fixing the cors.php file in laravel 10
Thanks so much for the kind words! It definitely does take a decent amount of time to plan, record, and edit everything, but I enjoy building these kinds of practical apps and showing how others can do it, too! I'm glad you enjoyed the video, appreciate it!
Wow, nice tutorial! I would like to see a tutorial in which you use TDD, the app doesn't have to be anything big like this tutorial :) Most of new laravel users are struggle with TDD including me and i can't find any up to date TDD tutorials.
router.push not working to go to landing page after putting login_code. route changes to landing but the page details shows loginview page on time 1:56:49. give some ideas
I recently learned vue and what I am trying to understand is vue if for front-end and laravel back-end framework, when it comes to using router, would vue router not have implication with laravel or plane PhP router? This is the part I am trying to understand better and bit confused. Would appreciate it if you could give me better clarity.
[02:22:27] Only the sad part about the video is that, you don't show the full HTML code when you paste it from your existing codebase. For someone like me who is more of a backend developer and have very limited CSS knowledge it is very difficult. 😣
I'm not sure if my twilio setup is correct because Im not receiving any login_code when I use the api, but it updating my DB. is there a link you can point that you follow to configure your account?
Very awesome and highly appreciate this!! The only thing i will say is about the accept, start, end, location... Those should be their own controllers to follow proper Laravel standards and shouldnt have its own method. The method would just be update for all of them, but different controllers (UpdateTripController, etc) Thank you for the amazing vid!
FYI. If the TripCreated in standbyview not show after you created trip, you should mention "implements ShouldBroadcast" So the line is, "class TripCreated implements ShouldBroadcast"
Hi, @aminelhan1460. Maybe you could help me. I have this error WebSocket connection to 'wss://localhost/app/mykey?protocol=7&client=js&version=8.4.0-rc2&flash=false' failed:
It's up on GitHub for free if you want something that's ready-to-go. See the pinned comment for the repo! If you want something more customized, feel free to reach out to me directly.
When i make a request to api/login, the user is created, then the sms notification fails with this error: "Driver [App\\Notifications\\TwilioChannel] not supported." did anyone encounter this? I can't seem to find any info on a workaround.
Hi Andrew - Great information so far .. but it seems websockets is no longer supported and I could not get it to load on laravel10. Thank you so much for this
I also had the same issue but I saw a post that says you should add -W in front of the installation command it worked for me. I did that because I wanted to finish this course waiting for 'Laravel Reverb' to be released.
@@mackshonayi943 worked for me too but the next issue is blocked authentication when sending the phone number. I get response with HTTpie and backend seem to work but i get [HTTP 401] Unable to create record: Authenticate and 500 status on the response....
Uncaught SyntaxError: ambiguous indirect export: default whenever I tried to use google map package that you have used, I am getting that error. Just to see I have installed new vue project and still getting same error. Any suggestions?
Hey Andrew, I've got a couple of questions. Here's one of 'em: Can we use auth()->user() instead of Injecting the Request $request and accessing the auth user through it? Or as we're working with APIs now, so we should use the $request->user()?
Correct, you can use auth()->user(), or Auth::user(), or $request->user(). Kind of just depends on your style and what's applicable to your code base. I was constantly working with requests, so I like going through the request object.
Hey Andrew - I'm about halfway through the video so far and I see in the description that we can open issues on the GH repo but I don't actually see it linked. Are you able to do that? Content-wise: I'm loving this! Great work, brother! ❤
Thanks so much for the support and kind words! I forgot to put a link to the source code originally, but you can check out the repo here: github.com/aschmelyun/andrewber
Great! Laravel Backend & Vue Spa as a Frontend❤. Could you maybe do a Video with Quasar as frontend? Maybe a chat app? Perhaps you could also implement Push notifications? Send by Laravel? A mobile app build from quasar would also be great. Thank you Andrew! 😊
That's a good suggestion! I already have creating a chat app with Vue + Laravel on my to-do list, I'll have to look into Quasar and see if I can add that to it as well.
Hi Andrew, Thanks for the video. I get this error "InvalidValueError: setPosition: not a LatLng or LatLngLiteral: in property lat: not a number" and have been stuck with it for a while now.
is it when you use HTTpie? i got that too. i had to make a request.json file with { "destination_name": "Starbucks", "destination": { "lat": 12.235235, "lng": 23.43535 }, "origin": { "lat": 35.2352, "lng": 13.325235 } } then i called the json data with http POST localhost:8000/api/trip 'Authorization: Bearer 1|YOUR_KEY_HERE' --json
Hi, your video is super helpful and detailed! I can tell you put a lot of effort into this. Is there a Laravel starter kit (Laravel Breeze, Jetstream, etc) you would recommend if I wanted to authenticate users through email instead phone number for this project? Thanks and I look forward to your upcoming content!
I didn't have anything in mind, I'm not super well versed in Livewire. But, if there's enough community demand I can start thinking and planning it out!
Add this to vite defineConfig in vite.config.js: optimizeDeps: { include: [ "@fawmi/vue-google-maps", "fast-deep-equal", ], }, Save and restart Vite server.
is it Uncaught SyntaxError: import not found: default index.esm.js:1:8? or Uncaught SyntaxError: The requested module '/node_modules/.vite/deps/@fawmi_vue-google-maps.js?v=8cea8584' does not provide an export named 'GMapAutocomplete' (at LocationView.vue:5:10) ? try add this to the locationView.vue file; import GMapAutocomplete from '@fawmi/vue-google-maps'; or run npm install -S @fawmi/vue-google-maps@0.9.67 then npm ls @fawmi/vue-google-maps not sure what made it work for me. he uses old libraries with tons of bugs so its really hard to finish this.....
This is a bad example as you've included a twilio api integration and most of the developers don't have a twilio account. a bit dumb to do a tutorial where in a lot of developers will have a blocker because of twilio integration.
Forgot to link the source code, check it out here: github.com/aschmelyun/andrewber
thankx
and you forgot the links in 1:10:04
forget the fork pull request lol, forgot to use my own git folder
Having a RUclips channel myself, I can relate to the monumental task of creating a tutorial like this. Thank you for your contribution the Laravel community.
youre both awesome
I follow your tutorial , and I love the effort on test you made
Opened RUclips, saw you dropped this video, put the laptop in a backpack, and came to the neighborhood park to enjoy it with a late evening spring sun 👌
You don't know how useful was this course for me. Thank u so much men!
Hey I'm glad you liked it! Appreciate the kind words, it means a lot.
I am a seasoned Laravel developer myself, but I learned a thing or two here, so great job Andrew :)
I enjoy this kind of tutorial, where you build an actual app from a-z.
pls do you have any study material recommendations for beginners? there are not many online
@@width19 what's wrong with laracast?
I think u should make more long tutorial like this. Your explaination very smooth
Your content is very interesting, and your explanation style is quite good. I'm really enjoying building this app following the tutorial. I never thought a newbie like me could build an app like this, and I've understood all the concepts very clearly. Thank you so much for providing such premium content for free! I truly appreciate it
laravel 10 in windows, how did you solve all the version issues with websocket that is abandoned and with that fruitcake that is also abandoned. i manage to get HTTpie up and running after much trouble but im stuck now because of packages laravel 7+ are not using anymore...
Edit: manage to fix it by fixing the cors.php file in laravel 10
Still watching but had to press F to pay my respects for the smooth transition at 0.30 🫡
Glad you're back to regular uploads
The amount of time it must've taken, considering the fact it's very well edited & explained, is insane.
Thank you for all your efforts, subscribed!
Thanks so much for the kind words! It definitely does take a decent amount of time to plan, record, and edit everything, but I enjoy building these kinds of practical apps and showing how others can do it, too!
I'm glad you enjoyed the video, appreciate it!
Wow, nice tutorial! I would like to see a tutorial in which you use TDD, the app doesn't have to be anything big like this tutorial :) Most of new laravel users are struggle with TDD including me and i can't find any up to date TDD tutorials.
the best tutorial you guys can found on the youtube
I thoroughly enjoyed this tutorial. Very good, it's like watching an interesting movie. Man! You know your onions.
router.push not working to go to landing page after putting login_code. route changes to landing but the page details shows loginview page on time 1:56:49. give some ideas
Good stuff man!!! I like your comment “2 modern and popular web frameworks” sick man!
you leaked your phone number when calling api through console
great tutorial, thank you! Had one problem with Laravel websockets which is depreciated, so I replaced it with Laravel Reverb!
I recently learned vue and what I am trying to understand is vue if for front-end and laravel back-end framework, when it comes to using router, would vue router not have implication with laravel or plane PhP router? This is the part I am trying to understand better and bit confused. Would appreciate it if you could give me better clarity.
When the user requests a ride, does your app show the distance between the destination and where they are at the time of the ride request?
My favorite stack ! Thank you for sharing !
[02:22:27] Only the sad part about the video is that, you don't show the full HTML code when you paste it from your existing codebase. For someone like me who is more of a backend developer and have very limited CSS knowledge it is very difficult. 😣
This is awesome. Thank you so much Andrew.
I'm not sure if my twilio setup is correct because Im not receiving any login_code when I use the api, but it updating my DB. is there a link you can point that you follow to configure your account?
I emailed the support and they said shortly "you need to upgrade account to make it work."
ooh 😂 isn't totally free 🤦
Fantastic ❤, your voice is soothing. ☺️
Hey! What do you think is better to use? Nuxt as a fullstack framework or Nuxt/Vue+Laravel?
for the accept method, you should probably verify if the user is actually a driver
A fascinating window into your thought process, thank you!
Very awesome and highly appreciate this!!
The only thing i will say is about the accept, start, end, location... Those should be their own controllers to follow proper Laravel standards and shouldnt have its own method. The method would just be update for all of them, but different controllers (UpdateTripController, etc)
Thank you for the amazing vid!
This is an awesome tutorial. Subscribed. Thank you for sharing.
what version of php, laravel and vue.js did you use?
Hello my teacher I want to use laravel api and vue in the same project I do not want to use blade file please could you shoot a video about it
More Vue projects.
More Laravel projects.
It would be good to learn how to set up Doker in separate sides how in this project. (frontend, beackend)
Thank you very much for this tutorial video!
Hi Andrew, at 1:38:20 you say you don't want semicolons. May I ask why?
It's part of the default style guide when creating a new Vue app through their cli app. Me personally, I like semicolons...
Thanks!@@aschmelyun
wow thank you! that tutorial is so Valuable.
Thanks for all
please i have this pb: SSL certificate problem: unable to get local issuer certificate, when i try to login the user
You just got yourself a subscriber
FYI. If the TripCreated in standbyview not show after you created trip, you should mention "implements ShouldBroadcast"
So the line is, "class TripCreated implements ShouldBroadcast"
Thanks for that head's up, some shoddy editing probably left that out
Hi, @aminelhan1460. Maybe you could help me. I have this error
WebSocket connection to 'wss://localhost/app/mykey?protocol=7&client=js&version=8.4.0-rc2&flash=false' failed:
Wonderful video, thanks a lot.
A quick question, is there a reason why the car is not a separate entity? Or was it just for simplicity?
Hi Andrew, I am having some issues with Twilio. I am unable to receive the text message on my phone, what do I need to do?
Thanks for the amazing tutorial
I really Love, Thanks for the Tutorial
Best tutorial 🎉
do u have a video with a Laravel reverb instead
is there any reason you made $trip public in the events? but user is private?
Awesome, is there anyway to buy ready script like this?
It's up on GitHub for free if you want something that's ready-to-go. See the pinned comment for the repo! If you want something more customized, feel free to reach out to me directly.
When i make a request to api/login, the user is created, then the sms notification fails with this error: "Driver [App\\Notifications\\TwilioChannel] not supported." did anyone encounter this? I can't seem to find any info on a workaround.
Hi Andrew - Great information so far .. but it seems websockets is no longer supported and I could not get it to load on laravel10.
Thank you so much for this
I also had the same issue but I saw a post that says you should add -W in front of the installation command it worked for me. I did that because I wanted to finish this course waiting for 'Laravel Reverb' to be released.
@@mackshonayi943 worked for me too but the next issue is blocked authentication when sending the phone number. I get response with HTTpie and backend seem to work but i get [HTTP 401] Unable to create record: Authenticate and 500 status on the response....
Uncaught SyntaxError: ambiguous indirect export: default
whenever I tried to use google map package that you have used, I am getting that error. Just to see I have installed new vue project and still getting same error. Any suggestions?
add this to your vite.config.js
optimizeDeps: {
include: [
"@fawmi/vue-google-maps",
"fast-deep-equal",
],
},
have you solved this error?
Could you please make same thing using Symfony ( API Platform 3 ) ? and Vue js ? It would be helpful
What is the theme that you are using for vscode
4:11:20 the struggle 😂 jsksjsksjkssj
PD: good video 🎉
laravel-websocket event has not fired from my side and also not catch at 3:07:18
@@gaurangpatel7762 Thanks it is working now.
@@akmalkhan3075 I am having this same issue, how were you able to resolve it.
Great Video Andrew! I learnt a lot from this well-packed course. Please what VSCode theme do you use? I notice the syntax highlighting is really good
Thank you so much, I'm glad you liked it! I use a theme called Ace Palenight and the font is JetBrains Mono.
good work brother!
Thanks, I appreciate it!
Thank you for a good practice.
intent-script.js:2 Geolocation permission has been blocked as the user has dismissed the permission prompt several times.
please make a program to see employee locations in the dashboard for admin management
Hey Andrew, I've got a couple of questions. Here's one of 'em: Can we use auth()->user() instead of Injecting the Request $request and accessing the auth user through it? Or as we're working with APIs now, so we should use the $request->user()?
Correct, you can use auth()->user(), or Auth::user(), or $request->user(). Kind of just depends on your style and what's applicable to your code base. I was constantly working with requests, so I like going through the request object.
@@aschmelyun Thanks for the clarification, Andrew. However, we demand more contents like this one!
Keep them coming 😀
Awesome content 😊😊
what is the token for twilio installations
Hey Andrew - I'm about halfway through the video so far and I see in the description that we can open issues on the GH repo but I don't actually see it linked. Are you able to do that?
Content-wise: I'm loving this! Great work, brother! ❤
Thanks so much for the support and kind words! I forgot to put a link to the source code originally, but you can check out the repo here: github.com/aschmelyun/andrewber
Great! Laravel Backend & Vue Spa as a Frontend❤. Could you maybe do a Video with Quasar as frontend? Maybe a chat app? Perhaps you could also implement Push notifications? Send by Laravel? A mobile app build from quasar would also be great. Thank you Andrew! 😊
That's a good suggestion! I already have creating a chat app with Vue + Laravel on my to-do list, I'll have to look into Quasar and see if I can add that to it as well.
Fantastic. Thank you so much
@@aschmelyunHi... Any progress /decition for this topic?
Hi Andrew, Thanks for the video. I get this error "InvalidValueError: setPosition: not a LatLng or LatLngLiteral: in property lat: not a number" and have been stuck with it for a while now.
is it when you use HTTpie? i got that too. i had to make a request.json file with
{
"destination_name": "Starbucks",
"destination": {
"lat": 12.235235,
"lng": 23.43535
},
"origin": {
"lat": 35.2352,
"lng": 13.325235
}
}
then i called the json data with
http POST localhost:8000/api/trip 'Authorization: Bearer 1|YOUR_KEY_HERE' --json
Hi, your video is super helpful and detailed! I can tell you put a lot of effort into this. Is there a Laravel starter kit (Laravel Breeze, Jetstream, etc) you would recommend if I wanted to authenticate users through email instead phone number for this project? Thanks and I look forward to your upcoming content!
Laravel Breeze is the absolute best starter kit for email validation. Includes register/login routes, forgotten password, email verification, etc.
What is that VS code theme?
It's good for me because I want to learn how api works
Great job, Andrew, thanks for your contribution! Any plans for a similar Livewire demo?
I didn't have anything in mind, I'm not super well versed in Livewire. But, if there's enough community demand I can start thinking and planning it out!
i second this
Please tutorial deploy on ubuntu, with docker, nginx and kubernetes
Can you please share your vscode profile with us, it's looking cleaner!
i want that too :D
51:00 -- wondering about the Origin Name.
Can you do Laravel-websockets AND React Native tutorial for this pleasee?
Amazing!!
Thanks!!
[01:21:33] Yes please make some more videos on Typescript with vue
You got it! There's a few in the backlog coming up
@@aschmelyun wow happy to hear it🎉
error
caught SyntaxError: The requested module '/node_modules/fast-deep-equal/index.js?v=16fde89a' does not provide an export named 'default' (a
have you solved the problem?
have you solved that problem??
Add this to vite defineConfig in vite.config.js:
optimizeDeps: {
include: [
"@fawmi/vue-google-maps",
"fast-deep-equal",
],
},
Save and restart Vite server.
Open node_modules -> @googlemaps -> markerclusterer -> index.esm.js -> commen the // import equal from 'fast-deep-equal';
Open node_modules -> @googlemaps -> markerclusterer -> index.esm.js -> commen the // import equal from 'fast-deep-equal';@@lamhehe99
So many bugs at the end of the video.... i don't know either vue nor laravel...but watched anyway, very nice, might watch some more...
"...or open up an issue on the GitHub repo!" What Repo? o.0
what is the theme name
Great video, can u share ur vscode config? Its so clean.
looking simple and easy 🙂
Of course... Laravel. ❤
Oh believe me, that's a ton of editing haha
@@aschmelyun that made it easy for us 😇
can you please make video to Upload and run project on Live Server ?😀
What is your vscode font?
It's JetBrains Mono! You don't need a license to use it, either: www.jetbrains.com/lp/mono/
You know you didnt cut out the multiple takes at the end right lol ?
Thanks❤
link for the source code please
very nice. i have been working with Larvel for a year now and i didn't know that you can do a foreign key with a model class.
I learn new things with this framework on an almost weekly basis, and I've been working with it for like 6 years!
Can You build a BlaBlaCar clone?
yes
Thank you
i have a proplems with vue Google map
is it Uncaught SyntaxError: import not found: default index.esm.js:1:8? or
Uncaught SyntaxError: The requested module '/node_modules/.vite/deps/@fawmi_vue-google-maps.js?v=8cea8584' does not provide an export named 'GMapAutocomplete' (at LocationView.vue:5:10) ?
try add this to the locationView.vue file; import GMapAutocomplete from '@fawmi/vue-google-maps';
or run npm install -S @fawmi/vue-google-maps@0.9.67 then npm ls @fawmi/vue-google-maps
not sure what made it work for me. he uses old libraries with tons of bugs so its really hard to finish this.....
Thanks
nice
1:18:44 Uh oh, your twilio credentials can be seen here 😥
Thanks for the head's up! Just as a precaution, all creds from this video were wiped.
@@aschmelyun Is your Phone number also wiped? It can be seen when you test the API request to verify your phone number
@@aschmelyun 36:34
Hey doesn-t this need microservices?
It is amazing ❤ can you put the source code link please 🙏 ?
Whoops, forgot to put it in a pinned comment. Here you go: github.com/aschmelyun/andrewber
🥰🥰🥰
You forgot to remove your map key .
Thank you. But If I can make à comment. Write code without any test in 2024 :-(
And now to convince some people to Mule I mean drive and you’re rich. Ish.
This is a bad example as you've included a twilio api integration and most of the developers don't have a twilio account. a bit dumb to do a tutorial where in a lot of developers will have a blocker because of twilio integration.
php 🤮
Don't knock it til you try it ;)
I know, just joking ;)@@aschmelyun