Code a Google Drive Clone using Laravel and Vue.js - Complete Course

Поделиться
HTML-код
  • Опубликовано: 31 янв 2025

Комментарии • 153

  • @yasirmehmood4295
    @yasirmehmood4295 Год назад +25

    What a timing! A week ago I was looking for a laravel course on this channel and the most recent one was uploaded 3 years ago and lot of information didn't work out. Thank you so much for this!

  • @James-l7n3n
    @James-l7n3n Год назад +12

    Wow, this is by far the best Laravel course I have ever seen. I started back in 2016 and I've never seen anything as good as this. I send everyone here to learn how to build a substantial or "real" app in Laravel now. This is the way to onboard new developers! (Along with a subscription to laracasts of course!)

  • @r1konTheAutomator
    @r1konTheAutomator Год назад +2

    Wait...13 hours of a framework stack that I am just starting to be in love with, building something practical and fun? Bruh. How do I sub twice??

  • @pace0
    @pace0 Год назад +29

    These people want me to learn everything ❤❤

    • @jamoni2410
      @jamoni2410 Год назад

      @pace0 please don't master one skill first.

  • @yungxix6343
    @yungxix6343 Год назад +4

    Thanks for providing this amazing content, been looking to work with Laravel for a while now.

  • @alnahian2003
    @alnahian2003 Год назад

    Impressive work as always, Zura! Been a fan of you since 2021

  • @outsomnia
    @outsomnia Год назад

    Zura is underrated af.
    Best coding content creator from Georgia 💯

  • @pavankalita1
    @pavankalita1 Год назад +6

    Very awesome tutorials. In love with this great course.
    For the method "buildFileTree" in 3:39:35, I've simplified the method as following:
    private function buildFileTree($filePaths, $files)
    {
    $filePaths = array_slice($filePaths, 0, count($files));
    $filePaths = array_filter($filePaths, fn ($f) => $f != null);
    $tree = [];
    $currentNode = [];
    foreach ($filePaths as $ind => $filePath) {
    $parts = explode('/', $filePath);
    $currentNode = &$tree;
    foreach ($parts as $i => $part) {
    if (!isset($currentNode[$part])) {
    $currentNode[$part] = [];
    }
    $currentNode = &$currentNode[$part];
    }
    $currentNode = $files[$ind];
    }
    return $tree;
    }
    I would not have thought about the logic by myself. Got my brain running only after looking and understanding the logic you explained.

    • @stephen.cabreros
      @stephen.cabreros 4 месяца назад

      cool, we also dont need to initialize the $currentNode = []; since we referencing the $tree array to the $currentNode inside the inner loop, the $currentNode will be the $tree array

  • @agastyasutra
    @agastyasutra Год назад +1

    What a relief atleast a vue js course.. If it could be available in nuxt js then it'll be great help

  • @lalaland1234-s5i
    @lalaland1234-s5i 5 месяцев назад +10

    If you are using Laravel 11, in 1:29:13, you need to change the returned route in "store" method of RegisteredUserController into:
    return redirect(route('myFiles', absolute: false));

    • @sitharamadushan8729
      @sitharamadushan8729 5 месяцев назад

      That will be very helpful!

    • @nicholas3376
      @nicholas3376 4 месяца назад

      Have you came across any other issues completing this project using Laravel 11? I am currently having issue with Folder Upload and am not sure what I am missing

    • @lalaland1234-s5i
      @lalaland1234-s5i 4 месяца назад +2

      @@nicholas3376 I haven't completed it but I have done the Folder Upload feature. Maybe you need to set the validation rules of StoreFolderRequest like this:
      public function rules(): array
      {
      return array_merge(parent::rules(),
      [
      'name' => [
      'required',
      Rule::unique(File::class, 'name')
      ->where('created_by', Auth::id())
      ->where('parent_id', $this->input('parent_id'))
      ->whereNull('deleted_at')
      ]
      ]
      );
      }
      Don't ask me how does it work haha. Because I read about this problem in the comments and I tweak it a little to make it works.

    • @nicholas3376
      @nicholas3376 4 месяца назад

      @@lalaland1234-s5i my validation rules in StoreFolderRequest look the same as yours - I am worried it is some sort of configuration issue because when I try and upload a folder I can see in the browser dev tools that I get a POST localhost/file 500 (Internal Server Error). I will update if I can figure it out

  • @zmdev8465
    @zmdev8465 Год назад +1

    It's Codeholic video : first I like the video then I start watching.

  • @r1konTheAutomator
    @r1konTheAutomator Год назад +2

    I LOVE how you say "category". Im gonna start saying it that way 😂

  • @kokoaung2914
    @kokoaung2914 Год назад

    I am finding a great vue tutorial and I found this, great timing, thank you, man. Actually, I am a big fan of code holic.

    • @honor9lite1337
      @honor9lite1337 Год назад +3

      I'm looking for..

    • @boloow
      @boloow Год назад

      @@honor9lite1337 The same I was just looking for a laravel + vue and then this appears... what a gem!

  • @MahmoodHasand3
    @MahmoodHasand3 Год назад +1

    Thank you so much .,..for providing free contextual based courses!

  • @mahendranath2504
    @mahendranath2504 Год назад +1

    WOW Nice Thank you so much for the great content, awesome project 👍👌

  • @saravanasai2391
    @saravanasai2391 Год назад

    Really a good tutorial with lots of new things to learn on laravel.

  • @jorgelinapestalardo1341
    @jorgelinapestalardo1341 Год назад

    Thank you SO MUCH!!!! YOU GUYS ARE AMAZING! from Argentina!!!

    • @X-factor6
      @X-factor6 Год назад

      love from bangladesh

  • @amanprasadoo7
    @amanprasadoo7 Год назад +3

    Please more laravel course please ❤

  • @andrecauselof4103
    @andrecauselof4103 Год назад +1

    Oh guys you are the best!

  • @fandrionieffendi2002
    @fandrionieffendi2002 8 месяцев назад +7

    ok.. after 3 days i've been searching on google and laravel 11 documentation because im using laravel 11 for this tutorial, and for validation folder already exist, in 2:25:00 this tutorial, at this time, is always cant validated the "name" folder, and then i tried to deleted this script ->where('parent_id', $this->parent_id) in StoreFolderRequest.php file or.. you can add this script like this one below
    return array_merge(parent::rules(),
    [
    'name' => [
    'required',
    'unique:files',
    Rule::unique(File::class, 'name')
    ->where('created_by', Auth::id())
    ->where('parent_id', $this->input('parent_id'))
    ->whereNull('deleted_at')
    ]
    ]
    );
    now it works like a charm, btw thanks alot Zura for this tutorial, You are the best

    • @TheHaykokalipsis
      @TheHaykokalipsis 8 месяцев назад

      Thank you dude, saved a lot of time for me, and btw i'm on laravel 10.8 and this bug exists on this version also.

    • @fandrionieffendi2002
      @fandrionieffendi2002 8 месяцев назад

      @@TheHaykokalipsis no problem

    • @casserekevin
      @casserekevin 8 месяцев назад

      Thank you, helped a lot

    • @JeffreyTabinas
      @JeffreyTabinas 2 месяца назад

      Thanks man, it worked for me.

  • @joshbarros1995
    @joshbarros1995 Год назад +3

    First!!! (10h25am est)

  • @violin245
    @violin245 Год назад

    Wow. I needed this

  • @idahosanosa
    @idahosanosa Год назад

    This is awesome 👌

  • @AnilKumar-tm6fq
    @AnilKumar-tm6fq Год назад

    It's helping to many students

  • @UeharaKeitaro上原恵太郎
    @UeharaKeitaro上原恵太郎 Год назад +2

    I really like Vue and Laravel

    • @gilbertozioma
      @gilbertozioma 11 месяцев назад

      I have also been searching for a free standard course on Laravel 10 and Vue 3. I really like the way @TheCodeholic teaches as his courses are highly organized and the dude really knows his stuff. I downloaded his video ruclips.net/video/jffKw_NMfnw/видео.htmlsi=r3_eJTkCP7fF3Y4V on my PC in HD for the "Build and Deploy Laravel E-commerce Website with Laravel and Vue" course, but unfortunately, the video was incomplete because it is a premium course. I felt frustrated at the time. I was hoping that there might be a way to get access to the premium course and pay for it later when I have the money.

  • @cubedev4838
    @cubedev4838 7 месяцев назад

    Hi zura, can you make a vlog about your journey as web developer. You also can make vlog about your current job

  • @afrazhussain3778
    @afrazhussain3778 Год назад

    sir that's so much helpful video for us. Can you please make video on plugin development in 2023 in wordpress , acf in wordpress .

  • @FranciscoSanchez-un4kh
    @FranciscoSanchez-un4kh 10 месяцев назад

    I really appreciate all the hard work of creating such an incredible project, but it would be interesting to specify in somewhere visible that this is for Laravel 10. Trying to replicate this project in version 11 could be difficult for beginners since they will run into random issues and incompatibilities

  • @AmirJemal-py9tg
    @AmirJemal-py9tg Год назад

    I finished and it was good.

    • @X-factor6
      @X-factor6 Год назад

      Good job !!
      How many days it took for you to finish it?

  • @azubuikeelochukwu634
    @azubuikeelochukwu634 11 месяцев назад

    Hi guys, I just came across this awesome course, but before I start digging in, does the course implement opening uploaded folder?

  • @falcongecon3430
    @falcongecon3430 Год назад

    Thanks awesome tutorial, Could you please share your IDE settings? Im impressed how it can be customized, especially folder icons and colors.

    • @X-factor6
      @X-factor6 Год назад

      he used phpStorm for this project.

  • @bestAIUser
    @bestAIUser Год назад +7

    the greatest

  • @omerdani2122
    @omerdani2122 Год назад +1

    Thank you very much for this course.
    I'm struggling with the setup. I'm doing the same thing as you did and getting no configuration file provided: not found while trying to run ./vendor/bin/sail up . Do I have to provide a docker compose file ?

  • @mauricio_agchannels
    @mauricio_agchannels 10 месяцев назад +1

    You can take this course without know Laravel or Vue? or there is need of having previous knowledge?

  • @elkekegrande4816
    @elkekegrande4816 Год назад +1

    There is somethig that i really don't get about Custome request from 1:40:00 to ~ 2:05.
    Request are depending on a input that is never sent at this tome.
    So in my opinion, folder creation should faild ... And when I try to mock this feature ... it's failing ( i'm talking about parent_id being null all the time even in ParentIdBaseRequest where the autorise function will return false all the time because it's depending on $this->input('parent_id') . At time of the lesson it should not work but it's does in the video 😅

    • @alexmurphy8024
      @alexmurphy8024 Год назад +1

      I encountered the same problem. Have you had a solution for that yet?

    • @elkekegrande4816
      @elkekegrande4816 Год назад

      @@alexmurphy8024 parent_id should nullable

    • @lockslay2899
      @lockslay2899 11 месяцев назад

      Same problem did anyone find a solution ? It's not logical

    • @elkekegrande4816
      @elkekegrande4816 11 месяцев назад

      Yes I did
      We should not make any request in the http request objet. It's possible but we shouldn't.
      You have to move the validation with the database request in the controller ( or service / usecase as you wish )

    • @lockslay2899
      @lockslay2899 11 месяцев назад

      @@elkekegrande4816 Thank you ! I tried to move the rules() from my StoreFolderRequest and ParentIdBaseRequest to my fileController but I did not work and I got unauthorized error now !
      If you have the time to provide an example or a link to your working code that would be greatly appreciated, thank you in advance !

  • @tj_nanda
    @tj_nanda Год назад +3

    Laravel + React next?

  • @emretarhan0
    @emretarhan0 Год назад

    📌 2:46:58

  • @EmperorAlles
    @EmperorAlles Год назад

    📌Latest 39:15

    • @DailyInfo-gr3ip
      @DailyInfo-gr3ip 9 месяцев назад

      bro should i know laravel a lot .. but i dint practive the vue js ever .... should i start this or i need to learn first vue js?

    • @EmperorAlles
      @EmperorAlles 9 месяцев назад

      ​@@DailyInfo-gr3ip well if you already knew laravel I think this video is a good start to learn vue, since you will learn the vue pattern in this video.

  • @AxxionMarketPlace-iu6ri
    @AxxionMarketPlace-iu6ri Год назад

    Thank you

  • @durjaygp
    @durjaygp Год назад +2

    Beautiful

  • @susmitadey6735
    @susmitadey6735 Год назад +1

    Hye, can we get a complete Vuejs course along with a project to master it?

  • @thetechconsultant
    @thetechconsultant Год назад +1

    Do we need to use Ubuntu for this project, or can we run the whole thing on another IDE like VS code? Also, is there a particular reason for using www as a parent folder over the project?

    • @lameckotieno5837
      @lameckotieno5837 Год назад

      the use of "www" as the parent folder in Laravel Sail is a convention that simplifies the setup and aligns with common Docker and web development practices. Laravel Sail comes pre-configured with a "docker-compose.yml" file that expects your Laravel application code to be in a folder named "www" within the project directory.Remember when using sail/docker the application s running from the docker containers

  • @Lafsha
    @Lafsha Год назад +1

    ადამიანი ლეგენდა ♥

    • @outsomnia
      @outsomnia Год назад

      yo another fellow gruzin :d

  • @usmanmarkaz
    @usmanmarkaz Год назад +2

    Sir plz make one video how to make full stack Web app with React Js and Laravel plz

  • @fhoulbr
    @fhoulbr Год назад +2

    @TheCodeholic I'm not sure to understand what I did wrong but... I can get the validation for the duplicate folder names working. And I tried many time. I checked your code and compared to mine and to no avail. Can't find the reason why it still create folder with the same name.

    • @NoelDev-2023
      @NoelDev-2023 Год назад +1

      I'm having the same problem

    • @usmanmohammed7495
      @usmanmohammed7495 Год назад

      Same here als@@NoelDev-2023

    • @usmanmohammed7495
      @usmanmohammed7495 Год назад +2

      I found the solution to it guys
      Change "page.props.folder.id " to "page.props.folder.data.id "

    • @monarcas5502
      @monarcas5502 Год назад

      @@usmanmohammed7495 Where did you change it?

  • @earlbjorn
    @earlbjorn Год назад

    Please release spring boot tutorial too

  • @Parselinho
    @Parselinho 11 месяцев назад

    can i do this course to learn laravel? or should i come with eariler knowledge about laravel?

  • @hodaifayahiachrif9846
    @hodaifayahiachrif9846 8 месяцев назад

    should i learn vue.js first befor getting in this project ?

  • @X-factor6
    @X-factor6 Год назад

    I have finished this course.
    Who else complete this full course??

    • @DailyInfo-gr3ip
      @DailyInfo-gr3ip 9 месяцев назад

      bro should i know laravel a lot .. but i dint practive the vue js ever .... should i start this or i need to learn first vue js?

    • @X-factor6
      @X-factor6 9 месяцев назад

      @@DailyInfo-gr3ip you need to know both Laravel Vue in mid level. As he didn't explain very deeply. It's good course for mid level

    • @georgeomollo2415
      @georgeomollo2415 6 месяцев назад

      Ayo. I finished the course but downloading single file returns 404. I am using Laravel 11. Did you face this same problem?

    • @X-factor6
      @X-factor6 6 месяцев назад

      @@georgeomollo2415 I didn't face such issues..
      I cloned the files using git

  • @clarencebuenaflor230
    @clarencebuenaflor230 Месяц назад

    Do I really need to use docker, wsl and ubuntu for this project? Because Im really not familiar with those I only use xampp and vs code

  • @aeonsleo2
    @aeonsleo2 Год назад

    You've installed windows installer on Ubuntu running on Windows?

  • @amanprasadoo7
    @amanprasadoo7 Год назад

    I've experience in laravel but not in vuejs
    Do i need to learn vue first or just build here and vue will be teached from scratch?

    • @X-factor6
      @X-factor6 Год назад

      please try to learn vue first

  • @ajayraja6636
    @ajayraja6636 Год назад

    Does aws necessary for this? Can I implement the same in other storage drivers?

  • @Ahmedtech1234
    @Ahmedtech1234 Год назад +1

    I'm first viewer

  • @cippogrande862
    @cippogrande862 5 месяцев назад +4

    today is august 2024, is this tutorial still relevant? because i want to learn from this video. please tell me.

    • @tharushafernando6688
      @tharushafernando6688 4 месяца назад +2

      Yes not the latest laravel version but very similar

    • @ervisfrend
      @ervisfrend 4 месяца назад

      it is totally relevant, just use the new version of laravel.

  • @mawuliakotia6991
    @mawuliakotia6991 7 месяцев назад

    Does this sync files and folders directly or I need to upload everytime?

  • @vamshikrishna4579
    @vamshikrishna4579 Год назад

    Is there any vedio on mlops?

  • @Mark-hq6hs
    @Mark-hq6hs Год назад

    Is such a tool as a backup considered here?

  • @AlJapairai
    @AlJapairai Год назад

    How and when did you installed Inertia? did I missed something?

  • @doyouknowthishacks
    @doyouknowthishacks Год назад

    2:36:19 when i create newfolder then i get error : 403
    THIS ACTION IS UNAUTHORIZED.

    • @DailyInfo-gr3ip
      @DailyInfo-gr3ip 9 месяцев назад

      bro should i know laravel a lot .. but i dint practive the vue js ever .... should i start this or i need to learn first vue js?

    • @gustavocaiano4031
      @gustavocaiano4031 8 месяцев назад

      auhorize() inside request is set to false maybe

  • @theprimecoder4981
    @theprimecoder4981 Год назад

    Will timestamp be added to this course?

  • @tafappfabricadeaplicativos4470

    Dude I really appreciate this great content you made to help people learn code thank,s but you talk so much, it makes things boring and tiring, this video could be 10 hours less. But still Thank you.

  • @IronMan-ib5gv
    @IronMan-ib5gv Год назад +1

    Can you write this using react and nodejs?

  • @raneemaljamal6269
    @raneemaljamal6269 Год назад

    Can I use Mailpit service without Docker? Is there a link that can help me?

  • @vananhbui2381
    @vananhbui2381 9 месяцев назад

    5:31:35

  • @TienQuocHo-j8w
    @TienQuocHo-j8w 7 месяцев назад

    Can you turn on subtitles?

  • @stephen.cabreros
    @stephen.cabreros 8 месяцев назад

    sorry i'm not good at hearing, I can understand but it would be better if there is a subtitle or caption enabled

  • @devilishknight949
    @devilishknight949 Год назад

    I Can't use docker with laravel, it throws out an error as a pop up that says docker couldnt find a distro or smth like that

    • @X-factor6
      @X-factor6 Год назад

      to install docker and link with laravel, I also struggled . Spend some time, you can do it.

  • @FordHenley86
    @FordHenley86 7 месяцев назад +1

    Use Laravel Herd for setup and save 30 minutes

  • @samuraipiang8203
    @samuraipiang8203 Год назад

    ❤❤❤

  • @floresrosalinojr.2143
    @floresrosalinojr.2143 5 месяцев назад

    i'm sorry idk what docker is.. how is it relevant to this project?

  • @youneshenni5417
    @youneshenni5417 Год назад +3

    Can we PLEEEAAAASE have this exact same tutorial in React & Node ?

  • @peeraponphokum
    @peeraponphokum Год назад

    can i use Apache with Laravel sail ?

  • @adilboudida3412
    @adilboudida3412 Год назад

    can the user Upload HTML files and react files on this project?

  • @ZhiziKnowHow
    @ZhiziKnowHow Год назад

    When you change vue but browser had not change,Take about you type "npm run dev" or not

    • @X-factor6
      @X-factor6 Год назад +1

      yes, you can run this command

  • @mouradeljayi584
    @mouradeljayi584 Год назад

    Zura is the best

  • @vasilnadiradze8638
    @vasilnadiradze8638 Год назад

    ❤❤❤❤❤❤❤❤❤❤

  • @MarcusVinicius-kr7co
    @MarcusVinicius-kr7co 11 месяцев назад +1

    no subtitle

  • @onlinetechnology5015
    @onlinetechnology5015 Год назад

    want full laravel 10 course

    • @X-factor6
      @X-factor6 Год назад

      isn't it enough for you?

  • @mrrishiraj88
    @mrrishiraj88 Год назад

    🙏💯👍

  • @beticohernandez9536
    @beticohernandez9536 Год назад

    Se puede hacer en windows?

  • @DataScienceWithAkesh
    @DataScienceWithAkesh Год назад

    Please make video on ROS OR ROS2 #PLEASE #PLEASE #please

  • @Userk2406
    @Userk2406 Год назад

    First

  • @adilboudida3412
    @adilboudida3412 Год назад

    can I upload code?

  • @LaravelOnline
    @LaravelOnline Год назад

    How many hours did it take to actually build this though?

  • @kondzio2003
    @kondzio2003 Год назад

    Sounds great :) but I'd prefer the same with node.js as backend.

  • @lehuynh7637
    @lehuynh7637 Год назад

    why using Laravel?

    • @siddiqahmed3274
      @siddiqahmed3274 Год назад +3

      Why not? it is one of the greatest backend framework.

    • @amanprasadoo7
      @amanprasadoo7 Год назад +2

      Laravel has everything that a efficient framework has to offer. Read about it.

  • @tihunvolkov9288
    @tihunvolkov9288 Год назад

    Oh, inertiajs is causing me a lot of problems...

  • @Ayuuum
    @Ayuuum 9 месяцев назад

    i understood nothing, sad

    • @alikh5601
      @alikh5601 8 месяцев назад

      If y beginner it's sounds difficult but actually it's good project you can learn

  • @aeonsleo2
    @aeonsleo2 Год назад

    Getting this issue in headlessui MenuItem : CreateNewDropdown.vue:21 Uncaught (in promise) TypeError: Cannot destructure property 'active' of 'undefined' as it is undefined.

  • @alikh5601
    @alikh5601 Год назад

    ❤❤❤