Built Complete Vue 3/Vuex application in 3 hours

Sdílet
Vložit
  • čas přidán 7. 09. 2024

Komentáře • 118

  • @paulm.7967
    @paulm.7967 Před rokem +14

    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!

  • @Skaxarrat
    @Skaxarrat Před rokem +6

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

  • @user-go9kh1qw9d
    @user-go9kh1qw9d Před rokem +3

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

  • @cindy_codes1436
    @cindy_codes1436 Před 11 měsíci +2

    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.

  • @davitpurceladze4066
    @davitpurceladze4066 Před rokem +1

    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
      @TheCodeholic  Před rokem

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

  • @marroos5440
    @marroos5440 Před 2 měsíci +1

    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
    @SagarKumar-dp2ek Před 9 měsíci +1

    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
    @legendcmbk707 Před měsícem +1

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

  • @robdorn420
    @robdorn420 Před rokem +5

    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
      @TheCodeholic  Před rokem +2

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

  • @arrazkaharwin7468
    @arrazkaharwin7468 Před rokem

    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
      @arrazkaharwin7468 Před rokem

      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
      @TheCodeholic  Před rokem

      Thanks my friend

  • @xitan4194
    @xitan4194 Před rokem

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

    • @TheCodeholic
      @TheCodeholic  Před rokem

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

  • @kooyaw4445
    @kooyaw4445 Před 8 měsíci +1

    Excited, about to begin

  • @badfox7706
    @badfox7706 Před rokem +1

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

  • @myhanhnguyen5198
    @myhanhnguyen5198 Před 6 měsíci

    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?

  • @nope1450
    @nope1450 Před měsícem

    It is really still working . Thank you so much.

  • @mukeshkhan4684
    @mukeshkhan4684 Před 6 měsíci

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

  • @frederik_hd
    @frederik_hd Před 7 měsíci

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

  • @MasudXaltaca
    @MasudXaltaca Před 8 měsíci +1

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

  • @maxfrischdev
    @maxfrischdev Před rokem +1

    EXCITED! 😍😎🤘🏻

  • @kokoaung2914
    @kokoaung2914 Před rokem +3

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

    • @TheCodeholic
      @TheCodeholic  Před rokem +6

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

  • @user-xq6rh1gy5i
    @user-xq6rh1gy5i Před rokem +1

    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

  • @user-rs2xz7py7y
    @user-rs2xz7py7y Před rokem

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

  • @khouloudhaddadamamou2996

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

  • @Zabihullah_Danish
    @Zabihullah_Danish Před rokem +2

    Thanks from your really hard work.

  • @tamirhalperin2404
    @tamirhalperin2404 Před 10 měsíci

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

  • @quoclegends6350
    @quoclegends6350 Před rokem

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

  • @mohammad_zrar
    @mohammad_zrar Před 11 měsíci

    Just 6 at 10, good job thank you.

  • @jose-kb1dg
    @jose-kb1dg Před rokem

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

  • @TheFirstlovely
    @TheFirstlovely Před 27 dny

    Thank you, it's really helpful :)

  • @user-jl2hw6so5c
    @user-jl2hw6so5c Před rokem

    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,

  • @dansurlaru
    @dansurlaru Před 4 měsíci

    Please show more your works.

  • @user-zf5mf9lo6n
    @user-zf5mf9lo6n Před rokem

    Great video for deatiled instruction. Thank you!

  • @willynilly4166
    @willynilly4166 Před rokem +2

    Nice to be here

  • @dmitruz1900
    @dmitruz1900 Před rokem +1

    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
      @TheCodeholic  Před rokem

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

    • @dmitruz1900
      @dmitruz1900 Před rokem

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

  • @dmna3722
    @dmna3722 Před rokem

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

  • @jordanrichards-ke1zj
    @jordanrichards-ke1zj Před 4 měsíci

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

  • @robert_2866
    @robert_2866 Před rokem

    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
      @TheCodeholic  Před rokem

      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.

  • @anilmanda670
    @anilmanda670 Před rokem

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

  • @shimakara
    @shimakara Před rokem

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

  • @SultanovAsrorbek
    @SultanovAsrorbek Před rokem +1

    Hello thanks for the lesson but you missed pagination :)

  • @ryuga4425
    @ryuga4425 Před rokem +1

    Thank you for the tutorial

  • @isabellal1252
    @isabellal1252 Před rokem +1

    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
      @TheCodeholic  Před rokem +1

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

  • @m62149
    @m62149 Před rokem

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

  • @rusirunethmina6241
    @rusirunethmina6241 Před rokem +1

    Good and Superb

  • @veganstraightedgemiensk
    @veganstraightedgemiensk Před 11 měsíci

    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

  • @josevicente3942
    @josevicente3942 Před 5 měsíci +1

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

  • @lettrenumerique
    @lettrenumerique Před rokem +1

    thank you for this video

  • @armankaztore3658
    @armankaztore3658 Před rokem

    Thank you. Looking forward to

  • @Ролтун
    @Ролтун Před rokem

    It seems I have to go through this course.

    • @TheCodeholic
      @TheCodeholic  Před rokem +1

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

    • @Ролтун
      @Ролтун Před rokem

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

  • @claine7917
    @claine7917 Před rokem

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

  • @SimPwear84
    @SimPwear84 Před 11 měsíci

    Awesome video, thanks so much

  • @codedjango
    @codedjango Před rokem +1

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

    • @TheCodeholic
      @TheCodeholic  Před rokem +2

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

    • @codedjango
      @codedjango Před rokem

      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 :)

  • @nirmalmaharjan1748
    @nirmalmaharjan1748 Před rokem +1

    Thank you

  • @user-xs8bd5qn5o
    @user-xs8bd5qn5o Před rokem

    Easy peasy but interesting )

  • @sinitquenapach5497
    @sinitquenapach5497 Před rokem

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

    • @TheCodeholic
      @TheCodeholic  Před rokem +3

      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
    @wind2dancer Před rokem

    Converting js into ts with Vuex is really complex.

  • @alessandropedroso3335
    @alessandropedroso3335 Před 2 měsíci

    Do you have any paid courses on Vue JS?

  • @shivamsahi8160
    @shivamsahi8160 Před rokem

    please use pinia insted of vuex

  • @ILevizzz
    @ILevizzz Před 7 měsíci

    whats your vs code theme name?

  • @isSatoshiReal
    @isSatoshiReal Před 9 měsíci

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

    • @TheCodeholic
      @TheCodeholic  Před 9 měsíci

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

  • @gofuroov
    @gofuroov Před rokem +1

    Let's learn Nuxt ))

  • @WorldRankMoba
    @WorldRankMoba Před rokem

    Nice one

  • @ryuga4425
    @ryuga4425 Před rokem

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

    • @TheCodeholic
      @TheCodeholic  Před rokem +1

      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
      @ryuga4425 Před rokem

      @@TheCodeholic Thank you

    • @ryuga4425
      @ryuga4425 Před rokem

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

  • @numanakhtersiddiqui6573

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

  • @gessegoncalves6493
    @gessegoncalves6493 Před 2 dny

    Greate

  • @aibattozhybaev2511
    @aibattozhybaev2511 Před rokem

    thanks fo tutor

  • @GeorgeGeorge-xm9qq
    @GeorgeGeorge-xm9qq Před 6 měsíci

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

    • @TheCodeholic
      @TheCodeholic  Před 6 měsíci

      კი

    • @GeorgeGeorge-xm9qq
      @GeorgeGeorge-xm9qq Před 6 měsíci

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

  • @konami2839
    @konami2839 Před rokem

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

  • @ziadmohad6803
    @ziadmohad6803 Před 11 měsíci

    why you dont handele tthe errors

  • @ProgramingLife
    @ProgramingLife Před rokem

    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.

  • @marcoss4563
    @marcoss4563 Před rokem

    thanks for the awesome video!! for czcams.com/video/cfiN8lCA3RM/video.html 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.

  • @quyhoclaptrinh-sv9od
    @quyhoclaptrinh-sv9od Před 2 měsíci

    40:26

  • @yuujii682
    @yuujii682 Před rokem

    27:27

  • @MartinTimi-vz9uz
    @MartinTimi-vz9uz Před 6 měsíci +1

    u dont explain what u doing

    • @afifnusada4712
      @afifnusada4712 Před 5 měsíci +1

      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
    @djangodev Před rokem

    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
    @S.A.B.A18 Před 11 měsíci

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

    • @TheCodeholic
      @TheCodeholic  Před 11 měsíci

      კი

    • @S.A.B.A18
      @S.A.B.A18 Před 11 měsíci

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

  • @andrewcbuensalida
    @andrewcbuensalida Před rokem +2

    your style is very buggy

  • @Gandobilis
    @Gandobilis Před rokem

    ❤️🥹😎

  • @user-zu3ld8is4y
    @user-zu3ld8is4y Před rokem

    thank you