Видео

why your source code in video and your source code in github code is difference ?

is this kind of thing possible in node/express js? with vite?

Thank you so much, you can do the same project using reactjs ?

Thank you

Thank you❤️

Hi How to build run project in localhost withut run comand and api call spareat video

😑😑step by step

This was a GREAT learning and fixing project in 2024 as this project is now a year old and things change, especially technology. New packages made things a big tricky to follow with. But wow, this is a breath of fresh air. This is just a recap video of the previous 9 chapters. I thought there was something rough to tackle here, like adding new customers, new products etc. This is a shocker. I guess we are going to have to do this part on our own. It is like leading the horse to the water, then draining the truffle on him! 🤣🤣🤣

That is it? What is with the 2h 48m part 10? When trying to add a new item in the edit.vue page, I got a rather odd problem. When a new line was added the '#' did not appear like it shows on the other line(s) "#IC-1000xxx" it was showing up as "IC-1000" although this looked cleaner IMHO. But to keep with the project layout. The <p> tags with v-if needed to be replaced. So change the following: <p v-if="itemcart.product">#{{ itemcart.product.item_code }} {{ itemcart.product.description }}</p> <p v-else>{{ itemcart.item_code }} {{ itemcart.description }}</p> To; <p>#{{ itemcart.product ? itemcart.product.item_code : itemcart.item_code }} {{ itemcart.product ? itemcart.product.description : itemcart.description }}</p> And you will see the '#' put on the new line in the edit.vue page. Now I am off to update this project to Laravel 11.

I noticed the 2nd time watching this video. The new.vue has the "number" (which is actually the Invoice Number), and is in the onSave() function but it is missing when the formData is passed to the Invoice Model? I am getting an error message about the 'number' doesn't have a default value which indicated it is missing to be written to the entry. Also the "customer_id" is showing a value of "customer.id" rather than the actual customers.id (the id from the customers table)? I am looking into this myself.

One thing I noticed, which I did not see here in the video. While I was entering all the data for the fields for the invoice form. When I got to the "Terms And Conditions" something rendered on my screen I did not see on yours which I found to be odd. When I got to this point in the new.vue <p>Terms and Conditions</p> <textarea cols="50" rows="7" class="textarea" v-model="form.terms_and_conditions"></textarea> The $formData populated with the following: 'terms_and_conditions' => 'Default Terms and Conditions', from the $formData in InvoiceController.php. This section went especially well for a change. No correction was needed, but I have adapted my own methods for catching errors in the console. 🤩

The only problem in this part is a rather silly one. Where you create the "new.vue" file is coded for /invoice/new which is INCORRECT. The location is /invoices/new (not singular as shown).

So far, SO BAD. There are so many problems with this search function, it will NOT even search. It is so broken, the searchInvoice function throws an error of the function already being declared. I honestly do not even know why I am continuing this defunct project. It's a good learning curve I suppose for learning how to fix broken processes. OMG. If you call this good, I have some ocean front land for sale in Iowa!?

The problem with this section is the the CUSTOMER_ID doesn't match the ACTUAL customers ID table data because in the InvoiceFactory the database was set to 'customer_id' => $this->faker->numberBetween(10,20), but the ACTUAL DATABASE just counted the AUTOINCREMENTED ID 1, 2, 3, 4 and 5 (NOT RANDOM AT ALL). If you open your database, go to the invoices table and change the CUSTOMER_ID to the 5 entries of 1, 2, 3, 4 or 5, of the 5 entries, refresh your screen and your "faker" data will appear on the screen. This is an oversite in planning. All these "great tutorials" comment must be "FAKER"s as this tutorial is PLAGUED with problems like this! I maybe learning VUE but I am no idiot. There should be a disclaimer on this project.

how can i lunch the app ?

Heads up! For those having a problem getting the page to load for the first time just to disply the <h1>Hello!</h1> The problem is with the incomplete "vue()" statement in the vite.config.js file. There needs to be a bit more to it than that. To get the page to open it needs to read; vue({ template: { transformAssetUrls: { base: null, includeAbsolute: false, }, }, }), Once vite reloads, the page will open up. I tried several things, but this was the only solution to the problem. Also, on importing declerations at router/index.js, if you get a file not found message in vite. The location is wrong. To resolve this issue you need: import invoiceIndex from '../../components/invoices/index.vue' import notFound from '../../components/NotFound.vue' This will bring up the pages as expected.

nice

❤❤❤

Just a tip, put on some background music at a low volume and don't talk too close to the microphone

Hi, sir, the code on GitHub is different from the code in your videos. The code in the videos seems to be the latest, while the GitHub version is from two years ago. Can you update it to the latest version? Thanks a lot 😊

Thank you here from Brazil

Bon travail mon frère . Tu m'as vraiment aidé

awesome explanation, just to the point, loved it

Bonjour, lorsque j'essaie d'installer VUE JS j'ai cette erreur : Hello, when I try to install VUE JS I have this error : npm WARN using --force Recommended protections disabled. npm ERR! code ETARGET npm ERR! notarget No matching version found for vue@next. npm ERR! notarget In most cases you or one of your dependencies are requesting npm ERR! notarget a package version that doesn't exist. npm ERR! A complete log of this run can be found in: C:\Users\afisu\AppData\Local pm-cache\_logs\2024-08-09T22_22_56_646Z-debug-0.log

where can i find the code source please

hello thanks for the tutorial. can you share how are you consuming external apis with this project setup?

Where is the github page for this project code?😢

Thank you man

Sir, can you upload a user and admin authentication using sanctum of this video, BTW thanks for uploading

❤

Addition: to open direct urls we need to change route in web.php to Route::get('/{any}', function () { return view('welcome'); })->where('any', '.*');

Amazing video. Could you also make one in which you use Tailwind CSS?

Good content bro, can you just elaborate with authentication functionality as well.

everthing i have done the same but in my visual studio @vite('resources/css/app.css') this line is not showing correct and final output not showing as hello app. because in your code its showing as blue bt in mine its white and i am getting output '

nice 'advance' tutorial

Nice portfolio Sir can you make a video on how to host this website.

That was really helpful♥ thanks mate

Thanks for the very informative video, I hope you upload more videos about laravel + Vue

This is an amazing work, life-changing if I'm not exaggerating. Can you do a complete tutorial on Laravel 11 and react like the portfolio one with Vue? Thank you

This was really helpful

Hola La api donde esta?

WOW amazing explanation

Interesante. Terminaste el proyecto?

Que bueno.

This video so much useful! Thank you very much!

el codigo fuente ?

So informative for beginners

PS C:\Users\afisu\projects\laravel-projects\portfolio-website> npm install vue-loader@next vue@next vue-route r@next npm ERR! code ETARGET npm ERR! notarget No matching version found for vue@next. npm ERR! notarget In most cases you or one of your dependencies are requesting npm ERR! notarget a package version that doesn't exist. npm ERR! A complete log of this run can be found in: C:\Users\afisu\AppData\Local pm-cache\_logs\2024-05-03T10_19_57_376Z-debug-0.log PS C:\Users\afisu\projects\laravel-projects\portfolio-website>

Thank you coach I can't install vue with the command line in my vscode

Merci coach je n'arrive pas a installer vue avec la ligne de commande dans mon vscode