Having a UA-cam channel myself, I can relate to the monumental task of creating a tutorial like this. Thank you for your contribution the Laravel community.
Opened UA-cam, 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 👌
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
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.
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!
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:
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!
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.
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
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.
[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?
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....
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.
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!
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!
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
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, 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
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
Having a UA-cam 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 UA-cam, 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 leaked your phone number when calling api through console
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?
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.
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
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 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!
great tutorial, thank you! Had one problem with Laravel websockets which is depreciated, so I replaced it with Laravel Reverb!
the best tutorial you guys can found on the youtube
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
More Vue projects.
More Laravel projects.
I thoroughly enjoyed this tutorial. Very good, it's like watching an interesting movie. Man! You know your onions.
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:
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!
Good stuff man!!! I like your comment “2 modern and popular web frameworks” sick man!
for the accept method, you should probably verify if the user is actually a driver
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.
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
Fantastic ❤, your voice is soothing. ☺️
It would be good to learn how to set up Doker in separate sides how in this project. (frontend, beackend)
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?
A fascinating window into your thought process, thank you!
[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. 😣
[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🎉
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 🤦
This is an awesome tutorial. Subscribed. Thank you for sharing.
My favorite stack ! Thank you for sharing !
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.
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....
Could you please make same thing using Symfony ( API Platform 3 ) ? and Vue js ? It would be helpful
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.
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...
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
Thank you for a good practice.
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.
Can you please share your vscode profile with us, it's looking cleaner!
i want that too :D
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?
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?
please make a program to see employee locations in the dashboard for admin management
what version of php, laravel and vue.js did you use?
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 😀
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
Thank you very much for this tutorial video!
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?
This is awesome. Thank you so much Andrew.
You just got yourself a subscriber
do u have a video with a Laravel reverb instead
Can you do Laravel-websockets AND React Native tutorial for this pleasee?
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.
Great video, can u share ur vscode config? Its so clean.
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!
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
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
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
looking simple and easy 🙂
Of course... Laravel. ❤
Oh believe me, that's a ton of editing haha
@@aschmelyun that made it easy for us 😇
Please tutorial deploy on ubuntu, with docker, nginx and kubernetes
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 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
is there any reason you made $trip public in the events? but user is private?
can you please make video to Upload and run project on Live Server ?😀
What is the theme that you are using for vscode
intent-script.js:2 Geolocation permission has been blocked as the user has dismissed the permission prompt several times.
You know you didnt cut out the multiple takes at the end right lol ?
Best tutorial 🎉
good work brother!
Thanks, I appreciate it!
what is the token for twilio installations
What is that VS code theme?
"...or open up an issue on the GitHub repo!" What Repo? o.0
Awesome content 😊😊
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
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.
what is the theme name
What is your vscode font?
It's JetBrains Mono! You don't need a license to use it, either: www.jetbrains.com/lp/mono/
Can You build a BlaBlaCar clone?
yes
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
Amazing!!
Thanks!!
Hey doesn-t this need microservices?
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
51:00 -- wondering about the Origin Name.
Thank you
Thanks
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.....
You forgot to remove your map key .
Thank you. But If I can make à comment. Write code without any test in 2024 :-(
link for the source code please
Thanks❤
nice
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
Gracias Mister Adress emocionado con el curso
@aschmelyun please how do I get a "From Number" if I'm using a Twilio trial account?
Hey man getting errors when installing beyondcode/laravel-websockets
That's not good, what kind of errors?
Thank you for this.