Built Complete Vue 3/Vuex application in 3 hours

[@paulm.7967]

Finally got through the entire video. A pretty killer primer to Vue3 as someone who's been working with Vue2 for a while. Great for beginners and intermediate devs alike. Well done!

[@TheCodeholic]

Thank you for your positive comment

[@SerhiiLytvynov]

Went through the whole video. I really like your teaching style. I enjoy seeing the full process with issues and workflow.

[@Skaxarrat]

Thanks for this video. I have learnt loads in less than 3 hours. And you sold me Tailwind CSS too.

[@cindy_codes1436]

Very explanatory and effortlessly fun to watch. I love that you've used the Composition API and Vuex too. Exactly what I was looking for! Weldone and thanks for attaching the source code as well.

[@marroos5440]

I have experience with React and NextJs and i am thinking of learning Vue and Nuxt. Your video is 3rd video tutorial i am checking, but first with state management system. I have replaced vuex with pinia tho as it is considered standard now. Frankly speaking Vue does not seem that difficult, most likely because i know React and i see a lot of similarities. I'll just have to get used to syntax. Thank you for this video, it has router, state management system, data fetch and use many important concepts of Vue. It is a great starting point. :-)

[@SagarKumar-dp2ek]

Thank you so much for your efforts. Here is also 2:28 mid night I am learning from you. Your way of teaching is very impressive. Thanks again

[@legendcmbk707]

I am new to this channel but the information in your videos is very interesting and informative thank you very much

[@xitan4194]

看到一小时过来评论，非常棒的视频教程！Love from China!

[@TheCodeholic]

Thank you. I appreciate it. BTW I love Jackie Chan. 😂

[@kooyaw4445]

Excited, about to begin

[@robdorn420]

Thank you for another great series. It seems to be relatively easy to switch from VUEX to PINIA. Pinia seems to be more main stream nowadays. Maybe you could make your last lesson a conversion lesson.

[@TheCodeholic]

Not a bad idea actually. But I think video will be interesting if the project is large enough.

[@nope1450]

It is really still working . Thank you so much.

[@arrazkaharwin7468]

I really love the way you explain, it's like seeing you in person unlike other youtuber videos which are just recordings, I learned a lot from your way of coding and debugging, hope there will be videos for pinia.

[@arrazkaharwin7468]

and again, about shortcut "ctrl-p" and "alt-click" its really improve me who just learn about coding by video. i know its simple for intermediate level but for me its really helpful. I hope good things are always with you😁

[@TheCodeholic]

Thanks my friend

[@mukeshkhan4684]

👏👏👏 Tq brother, I learned lot of things from this project. Well done

[@davitpurceladze4066]

thank you, I repeated this project, after I finish it by default started your next video, and when you said "Hello everyone my name is Zura" I thought wait a second, I searched your profile and saw you were from Georgia, 2 დღე ვუყურებდი შენს ვიდეოს და მერე აღმოვაჩინე რო ქართველი ხარ :დდ, წარმატებები ამ კარგ საქმეში

[@TheCodeholic]

Thanks Davit. მადლობა დავით

[@mohammad_zrar]

Just 6 at 10, good job thank you.

[@frederik_hd]

Thank you for this tutorial - respect that you were able to do something so great with this crappy API

[@TheCodeholic]

Thanks for your comment

[@myhanhnguyen5198]

thanks for this video. This is exactly what I have been looking for cos the tech stack includes vuejs with composition API, vuex, tailwindcss. Could you create more videos like this, for example clone netflix or banking app?

[@احمدفلسطيني-ه6ث]

the best thing you share the problem with us thank you that mean alot

[@willynilly4166]

Nice to be here

[@TheCodeholic]

Welcome 🙂

[@digitalturkistan1857]

@@TheCodeholic much thanks bro.

[@badfox7706]

"Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'params')" when i use Route. what could it be?

[@TheFirstlovely]

Thank you, it's really helpful :)

[@josevicente3942]

the video and explanation are GREAT!! BUT i shouldn last 3 hours, you spend much time worrying about the design

[@Zabihullah_Danish]

Thanks from your really hard work.

[@maxfrischdev]

EXCITED! 😍😎🤘🏻

[@kokoaung2914]

Hello man, I really appreciate your lectures. But, I have a question. Should I try vue or react to be a laravel developer?

[@TheCodeholic]

Both will be OK, but Vue is more close to Laravel ecosystem. I would probably say Vue.

[@小鹏-w9s]

Great video for deatiled instruction. Thank you!

[@MasudXaltaca]

Hello thank you very much😊 but how can I find figma file of this project😮

[@dansurlaru]

Please show more your works.

[@tamirhalperin2404]

Fantastic work! Great video! Could you make a vue video using Pinia and Nuxt?

[@dmna3722]

Hello, is there any instructions on deployment or which sites work best for deploying a vue project?

[@andrewc3942]

I do not advise you to waste time on this video tutorial, the author often swims. If you want to make sure of this, then please: 1:51:00

[@Ролтун]

It seems I have to go through this course.

[@TheCodeholic]

If you want to improve your vue.js skills. I think you won't regret.

[@Ролтун]

@@TheCodeholic Yes I mean I watch another video at the time about js )

[@ryuga4425]

Thank you for the tutorial

[@jose-kb1dg]

Great tutorial for beginners. Just one question. What if i want recipes in other languages, where do i find that information?. thank you.

[@quoclegends6350]

I hope u build video talk about compare Symfony & Laravel in 2022. Can u tell me should learn Symfony in 2022?

[@shimakara]

That was fundamental,but it is suit me,Thank you！😊😊

[@TheCodeholic]

You're welcome 😊

[@khouloudhaddadamamou2996]

Thank you for the interesting content you are sharing with us. You helped me enhance my coding skills and focus on code refactoring. 💡💡💡

[@armankaztore3658]

Thank you. Looking forward to

[@КаржаубайМендияр]

warn - No utility classes were detected in your source files. If this is unexpected, double-check the `content` option in your Tailwind CSS configuration. HOW FIX THAT ERROR

[@veganstraightedgemiensk]

I also have

[@SimPwear84]

Awesome video, thanks so much

[@lettrenumerique]

thank you for this video

[@ЮрійБорис-к9ц]

Easy peasy but interesting )

[@SultanovAsrorbek]

Hello thanks for the lesson but you missed pagination :)

[@rusirunethmina6241]

Good and Superb

[@anilmanda670]

At starting i have installed npm init vue@latest But i am getting error..how could it be solved...

[@m62149]

how to make menu link navbar from table database in vue js?

[@RominaGiselle-s8y]

This was great! Thanks a lot for the time in making this video. I have a question, whenever I try to see the homepage from mobile, for random meals I get the same meal, does anyone know how to fix that? thanks in advance,

[@jordanrichards-ke1zj]

vue router is not working like yours i used the version 4 can u help?

[@robert_2866]

I hit a problem around 19:27, this part as we store the value meals : "salmon" into state. It stored into default object in state, it took me awhile to search it. Any solution to make it like yours calling directly from store.state.meals instead of store.state.default.meals . can you help provide insight for me thanks.

[@TheCodeholic]

How do you export state. Do you export it with "export default {}". And how do you import in store/index.js? Do you import with "import state from './state.js'". I think you should check these parts.

[@dmitruz1900]

Hello. Thenk You for this good project. I did like You but I have axios error 404 not found. I dont know why it is not working. I have url like you tuped it.

[@TheCodeholic]

Can you have a look at network on which URL the request is made?

[@dmitruz1900]

@@TheCodeholic Hello. I have already find. BASE_URL does not work. I put real url like ...... And it is works

[@isSatoshiReal]

35 min setup for SPA making me thinking to stop learning VUE and go back to Next.js .

[@TheCodeholic]

If next.js comes with preinstalled router and preconfigured routes, tailwindcss, vuex and axios then it will save your time at initial setup.

[@claine7917]

9:07 i can't make the h1 become blue did i miss something?

[@veganstraightedgemiensk]

hey man! warn - No utility classes were detected in your source files. If this is unexpected, double-check the `content` option in your Tailwind CSS configuration. HOW FIX THAT ERROR

[@isabellal1252]

Is it _recipe_ or _receipt_? Just checking since I always confuse those two myself. To make food, use recipe, when buying food, get receipt from seller as confirmation of a transaction. Greetings from Finland!

[@TheCodeholic]

I get confused as well. I think it is recipe. Thanks for noting. I will update the thumbnail.

[@sinitquenapach5497]

What advice you give those who is confused what best to learn react or vue

[@TheCodeholic]

Spend 1 week on Vue. What crash courses and build small projects. Than switch to React and spend one week there. Do the same thing. After two weeks you will feel which one you like more and continue learning that.

[@wind2dancer]

Converting js into ts with Vuex is really complex.

[@aibattozhybaev2511]

thanks fo tutor

[@ryuga4425]

Hello, Can I know what extensions are used during this project?

[@TheCodeholic]

Do you mean Vue.js extensions of VScode extensions. All Vue.js extensions/packages are shown in the video and you can find them in package.json as well.

[@ryuga4425]

@@TheCodeholic Thank you

[@ryuga4425]

is it possible you can name the vscode extensions .. I can't find it in the video or package.json though

[@shivamsahi8160]

please use pinia insted of vuex

[@alessandropedroso3335]

Do you have any paid courses on Vue JS?

[@gofuroov]

Let's learn Nuxt ))

[@TheCodeholic]

Good Idea.

[@СергейБобков-б7э]

thank you

[@codedjango]

Why not use Pinia instead of VueX? Thanks a lot anyways for this tutorial...it should be awesome :)

[@TheCodeholic]

Didn't have a chance to try Pinia yet. I will try and use it for my next project.

[@codedjango]

Sure thanks...Waiting for this tutorial :)

[@rimantasdanilevicius6754]

Thank you! You make sometimes really great content. :) I willing to follow and even pay for your knowledge but I really missing confirmation - that code is good, written following good practice, and code can be used in production, sometimes content not friendly for beginners and really need to have string basics. .And consistency - I would like to learn how to build website, have clean normal URL, maintain website from File filezilla and have domain. I really missing such basic topic from A to Z in one channel :( Anyways, thank you for sharing and doing such IT content. It is really gold during IT technology age :)

[@ILevizzz]

whats your vs code theme name?

[@numanakhtersiddiqui6573]

can a beginner learn about fundamentals of vue through this tutorial?

[@TheCodeholic]

This tutorial request at least basic knowledge of Vue.js

[@numanakhtersiddiqui6573]

@@TheCodeholic okay thanks❤

[@WorldRankMoba]

Nice one

[@MrDreamcome]

thank you for tutorial but explanation is very confused and complicated

[@TheCodeholic]

Thank you for the feedback. If you give me more details I will try to consider. Time range or any other details why it was confusing, I will try to conaider.

[@gessegoncalves6493]

Greate

[@ziadmohad6803]

why you dont handele tthe errors

[@konami2839]

მაგარიხარ ჯიმა

[@ProgramingLife]

Hey hai bro. The meals api is not working. how to access the api. I am using another api in that case but it's working. The meal api is not working please provide the APIs. It helps me with my basic improvements but the entire video is helpful for so many people.

[@timurminator2509]

Hi! Its working for me

[@quyhoclaptrinh-sv9od]

40:26

[@yuujii682]

27:27

[@GeorgeGeorge-xm9qq]

ქართველი ხარ ხო?

[@TheCodeholic]

კი

[@GeorgeGeorge-xm9qq]

@@TheCodeholicგიცანი PHP კურსი რო გიდევს მანდედან გიცნობ მაგრად გამისწროდა ქართველი რო ამხელაზეა პოპულალური ამერიკულ ბაზარზე

[@andrewc3942]

where are the explanations? The usual voice acting != tutorial videos, more like Live Coding

[@neneodonkor]

😂 Are you for real? Perhaps you watched a different video.

[@marcoss4563]

thanks for the awesome video!! for kzbin.info/www/bejne/mZfMf2uieKZmiK8 I will suggest to use higher order functions, something like this filter((key) => key.includes('srtIngredient')) for the ingredients : ) and use an OL instead of UL for rendering the list.

[@MartinTimi-vz9uz]

u dont explain what u doing

[@afifnusada4712]

cmon!!! Atleast he uploaded the video, don’t ask too much🤦, you don’t pay for it, you could watch this free, so it’s really annoying if you say that!! Atleast try to thank him.

[@djangodev]

not meal of meals instead of using 'of' in loo[ try use 'in': v-for="meal in meals" it is easy way

[@S.A.B.A18]

ქართველი ხარ?

[@TheCodeholic]

კი

[@S.A.B.A18]

@@TheCodeholic გამიხარდა ძმაო წარმატებები✌️

[@andrewcbuensalida]

your style is very buggy

[@oscar8677]

yes

[@Gandobilis]

❤️🥹😎

[@nirmalmaharjan1748]

Thank you