File Sharing Application | MERN Stack | React, Node, Express, MongoDB

แชร์
ฝัง
  • เผยแพร่เมื่อ 17 ธ.ค. 2024

ความคิดเห็น •

  • @codeforinterview
    @codeforinterview  ปีที่แล้ว +3

    Do checkout other MERN projects, th-cam.com/video/BZRT5qgLu4Q/w-d-xo.html

    • @adityaagarwal2324
      @adityaagarwal2324 ปีที่แล้ว +5

      Hii Kunal, i deployed the backend part and after using the backend url instead of localhost:8000 the file uploaded link is not showing in the frontend part and it also throws an errror, pls tell me the reason behind it and how i can debug it

    • @hemrshah
      @hemrshah ปีที่แล้ว

      Bhai, 2 error. in front end app.js 21sr line response.path
      2nd cant connect to database
      please help

  • @vakulkeshav4324
    @vakulkeshav4324 11 หลายเดือนก่อน +5

    this 1 hour project taught me more then those 5 hr long tutorials. Great work man, nice explanation, i didnt know react before this, but learned so much.

  • @mirza_ShahrukhBeg
    @mirza_ShahrukhBeg 11 หลายเดือนก่อน +3

    Incredible tutorial! Loved the simplicity and effectiveness of the MERN stack file-sharing demo. Kudos to the creator for making complex concepts so accessible.

  • @khananas15
    @khananas15 11 หลายเดือนก่อน +4

    Thank you for making this video!
    You made complex topics easily understandable through your explanations.

  • @jaymahakaal5354
    @jaymahakaal5354 ปีที่แล้ว +2

    i already have built couple of big project in mern but brother i learned alot from this short project. I'm using your this tutorial to make my internship assigment. Ofcourse just as reference my ui is completely different and going to have more functionality list of documents with description in table delete document and downloading button and copy link

    • @ig_sam.__8788
      @ig_sam.__8788 2 หลายเดือนก่อน

      Can you share the source code

  • @suyashmishra6946
    @suyashmishra6946 ปีที่แล้ว

    Bhot accha explanation sir! Loved it to bits!

  • @aniketpotbhare389
    @aniketpotbhare389 6 หลายเดือนก่อน +1

    Thanks a Million🧡 I Love ur teaching Style

  • @debayanmondal9544
    @debayanmondal9544 ปีที่แล้ว

    Your explanation is awesome ❤

  • @kumariradhagupta1984
    @kumariradhagupta1984 ปีที่แล้ว

    main part is from 22:00 ….if you need urgently…otherwise go through the full video…because some content are explained in such an easy way that couldn’t be found anywhere.

  • @vineetkumar2899
    @vineetkumar2899 ปีที่แล้ว

    You explained so smoothly ❤

  • @banglagayathri4321
    @banglagayathri4321 9 หลายเดือนก่อน +2

    At 16:29 how did you get that separate window

    • @codeforinterview
      @codeforinterview  9 หลายเดือนก่อน +1

      ctrl + shift + i on windows
      cmd + shift + i on mac

  • @banglagayathri4321
    @banglagayathri4321 9 หลายเดือนก่อน +1

    Bro at 30:35 how did you get that new window at right side ?
    I am unable to get it , what did you do ?

    • @banglagayathri4321
      @banglagayathri4321 9 หลายเดือนก่อน +1

      Can someone please explain 🥲

    • @prashant27327
      @prashant27327 9 หลายเดือนก่อน

      rightclick and inspect

  • @rajkir2852
    @rajkir2852 ปีที่แล้ว +5

    Ek pnr status dekhne wala react app banaiye bhai.
    Its a real world problem.
    Rapid api free mein api vhi deta hai.
    Sayad 20 pnr per day.
    Aap toh 1 hour pe bana doge. You are an expert.

  • @MukeshYadav-nm2wd
    @MukeshYadav-nm2wd ปีที่แล้ว +1

    sir aap explain bahut acha krte ho aapke maine video dekhe hain mujhe blog application aur file sharing app mein useEffect mein error aarha hain dispatch function mein please help and make separate video on useEffect

  • @jyotipandey616
    @jyotipandey616 ปีที่แล้ว

    first 16 min are really informative commenting in between

  • @Iamnoone56
    @Iamnoone56 8 หลายเดือนก่อน +1

    Mast explain kiya brother thank you for the effort subscribed!

  • @Karthik-mb3ch
    @Karthik-mb3ch ปีที่แล้ว

    Awesome Project....Great work sir

  • @gauravagarwal9557
    @gauravagarwal9557 4 หลายเดือนก่อน +1

    Bahut hi accha project hai 😊😊 but how to delete file after sharing. And kya aap jald hi aur ek project bana sakte hain jisme user anonymously😎😎 bhi share kar sakta hai aur login ho kar bhi 😁😁share ya image online save kar sakta hai like google photos.
    woh accout bana ke signup login kare aur data safe bhi rahe in mongodb atlas....😀

  • @haqseartist3979
    @haqseartist3979 2 หลายเดือนก่อน

    Hey can you put a video to explain the working or flowchart of this application.Or can you suggest any article for this project.

  • @U2011-n7w
    @U2011-n7w ปีที่แล้ว +2

    very well explained video how can i deploy this project on render pls explain also

  • @TheVedicWarrior
    @TheVedicWarrior ปีที่แล้ว +1

    REALLY THANK YOU VERY MUCH SIR ❤ THE PROJECT WAS LIT SUPERB AND WELL EXPLAINED...

    • @godagain
      @godagain ปีที่แล้ว

      Can you please help me regarding the error that occurred while building this project . Please

    • @godagain
      @godagain ปีที่แล้ว

      All the codes are working properly, but when i go to upload something, it shows some error. Please help

  • @AN-802
    @AN-802 2 หลายเดือนก่อน +1

    There is an issue with the image url

  • @Vivek-rn9zb
    @Vivek-rn9zb ปีที่แล้ว +1

    Great video bhaiya

    • @codeforinterview
      @codeforinterview  ปีที่แล้ว

      thankyou so much 😍

    • @Vivek-rn9zb
      @Vivek-rn9zb ปีที่แล้ว

      @@codeforinterview bhaiya url shortner project bnaiye please bhaiya

  • @nishtha.agarwal
    @nishtha.agarwal ปีที่แล้ว

    very well explained. Thank you.

  • @kunalvijay7646
    @kunalvijay7646 ปีที่แล้ว +3

    Did you deploy it on any online platform ?

  • @journey7710
    @journey7710 ปีที่แล้ว +5

    Sir ek hi cluster me more than one project kaise banayenge kyunki ek hi free cluster allow krta hai

    • @codeforinterview
      @codeforinterview  ปีที่แล้ว +1

      go to cloud.mongodb.com and on the top left, you will get the option to create new project in the dropdown where it must have written cluster0

    • @rajkir2852
      @rajkir2852 ปีที่แล้ว +1

      Collection ka name change karne se hoga.
      Meine sara projects ek hi cluster pe banaya hai

    • @codeforinterview
      @codeforinterview  ปีที่แล้ว

      @@rajkir2852 In single cluster, you can create multiple projects. You don't need to change the name

  • @rajanrao5170
    @rajanrao5170 ปีที่แล้ว +3

    There is showing error in the backend that file.create is not a function how will solve it

  • @rajkir2852
    @rajkir2852 ปีที่แล้ว +1

    Wow.... very lovely and hotty project.
    Chotu motu file share app.

  • @avinashkumarmehta5185
    @avinashkumarmehta5185 5 หลายเดือนก่อน +1

    pls upload the deployment video of this tutorial

  • @gouri7008-l5q
    @gouri7008-l5q ปีที่แล้ว +1

    Thank you so much❤

  • @pawanshah2257
    @pawanshah2257 ปีที่แล้ว

    Gajab Bhai 👍🏿👍🏿

  • @kunalgoswami5328
    @kunalgoswami5328 ปีที่แล้ว +2

    Cannot read properties of undefined (reading 'path')
    ye error aa rha h sir please solve

  • @anishraj66
    @anishraj66 ปีที่แล้ว

    nice project learned a lot

  • @dikshachauhan6007
    @dikshachauhan6007 6 หลายเดือนก่อน

    Getting the url link...but after clicking the img is not downloading. Page shows about:blank#blocked....
    How to resolve?

  • @saqiwrtes9230
    @saqiwrtes9230 ปีที่แล้ว

    whats ur display resulotion css coding is working properly as we seen in your tutorial thank you.

  • @debugpro
    @debugpro ปีที่แล้ว

    good explanation! thanks😅😅😅😇😇😇😇it helped me alot!

  • @Artist99
    @Artist99 ปีที่แล้ว

    Sir in this file sharing app the data (img, video) will upload on server than they want my mobile data also for uploading and downloading

  • @MrScientist2106
    @MrScientist2106 ปีที่แล้ว +1

    Sir plzz upload more mern stack projects like this...
    Thanks

    • @codeforinterview
      @codeforinterview  ปีที่แล้ว

      Another mern project out, th-cam.com/video/5SBB3ivkUR0/w-d-xo.html

  • @debajyoti.dev_
    @debajyoti.dev_ ปีที่แล้ว +1

    Type of files it support???

  • @skullhunter7342
    @skullhunter7342 ปีที่แล้ว

    Love you sir ❤👑👍. Sir please ek realtime audio chat app only with functionality design ham khud karlenge😊

  • @shubhankarsharma5438
    @shubhankarsharma5438 ปีที่แล้ว

    most smoothest video tutorial
    why don't you start mern stack series... It would be best on yutube.

    • @codeforinterview
      @codeforinterview  ปีที่แล้ว

      here is the mern stack project playlist
      th-cam.com/video/BZRT5qgLu4Q/w-d-xo.html

  • @MukeshYadav-nm2wd
    @MukeshYadav-nm2wd ปีที่แล้ว

    sir useEfect mein jo yh dependency array pass kiya ja rha hain woh error de rha hain please help to resolve this issue of remove or add dependency array in useEffect

  • @yousufff8392
    @yousufff8392 10 หลายเดือนก่อน

    Cannot read properties of null (reading 'downloadContent')

  • @khushi4020
    @khushi4020 3 หลายเดือนก่อน

    I am unable to deploy it on render

  • @priyanshudev2234
    @priyanshudev2234 8 หลายเดือนก่อน

    Sir I am getting the problem of IP address not whitelisted on atlas. I have enabled network access from anywhere. Still encountering the problem. How do I resolve it?

    • @codeforinterview
      @codeforinterview  8 หลายเดือนก่อน

      go to cloud.mongodb.com > Networks > Add new IP Address

  • @HetaTrivedi-f3m
    @HetaTrivedi-f3m ปีที่แล้ว +1

    please help me out with this error : Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'path') at getImage (App.js:20:1)

  • @hemrshah
    @hemrshah ปีที่แล้ว

    Thank you Bhai ❤❤❤

    • @codeforinterview
      @codeforinterview  ปีที่แล้ว

      thankyou, please checkout other projects in this series
      th-cam.com/video/BZRT5qgLu4Q/w-d-xo.html

  • @anishsawant9790
    @anishsawant9790 ปีที่แล้ว +1

    I am getting no error in the code but after uploading the file I am not getting the link like after uploading nothing is happening

    • @amritgyawali1
      @amritgyawali1 ปีที่แล้ว

      same problem here ... how to solve it

    • @godagain
      @godagain ปีที่แล้ว

      Same problem here

    • @LakshyaVaishya-wq3fy
      @LakshyaVaishya-wq3fy ปีที่แล้ว +1

      check if you database is connected successfully(Make sure your current IP address is on your Atlas cluster's IP whitelist )

  • @041vivek5
    @041vivek5 ปีที่แล้ว

    download link par click karte hai toh dikhata hai connection for this site is not secure

  • @animeflexx1469
    @animeflexx1469 ปีที่แล้ว

    Sir please make a video of deploying this project.

  • @harshsharma5066
    @harshsharma5066 ปีที่แล้ว +1

    Sir,Please Explain how to deploy it?

    • @Preetikumari-m6w
      @Preetikumari-m6w ปีที่แล้ว

      Cannot read properties of undefined (reading 'path') plz help me out its really urgent

    • @gauravparihar6962
      @gauravparihar6962 ปีที่แล้ว

      @@Preetikumari-m6w try to insert in advances environment varibales me edit kar

    • @karthiknayak2323
      @karthiknayak2323 7 หลายเดือนก่อน

      @@gauravparihar6962 what

  • @Preetikumari-m6w
    @Preetikumari-m6w ปีที่แล้ว

    Cannot read properties of undefined (reading 'path') sir plz help me out its really urgent

  • @adityaagarwal2324
    @adityaagarwal2324 ปีที่แล้ว

    Bro, file sharing app can be a good project addition in my resume for sde role ?

    • @anishraj66
      @anishraj66 ปีที่แล้ว

      i have a same qustn qustn bro...

  • @safurataj8082
    @safurataj8082 ปีที่แล้ว

    Wanted to know
    There's only one video for the whole project??
    Or other part is yet to come ??

  • @Krish.0070
    @Krish.0070 6 หลายเดือนก่อน

    Kya me isme mongodb compass use karke database bana sakta hu ?

  • @muhammadubaid6576
    @muhammadubaid6576 ปีที่แล้ว

    Outstanding

  • @TharunTU
    @TharunTU ปีที่แล้ว

    Bro the generated link after uploading file doesn't wrk on other pc to download, only wrks on our pc to download the uploaded file...to wrk on other pc wt to do bro?

    • @codeforinterview
      @codeforinterview  ปีที่แล้ว

      If the application is not deployed, It will generate a localhost link, it is obvious that it will not work. You first need to deploy this application and then you can give the link.

    • @godagain
      @godagain ปีที่แล้ว

      ​@@codeforinterview All the codes are working properly, but when i go to upload something, it shows some error. Please help

    • @godagain
      @godagain ปีที่แล้ว

      ​@@codeforinterview Can you please help me regarding the error that occurred while building this project . Please

  • @jayaprakashreddy9296
    @jayaprakashreddy9296 ปีที่แล้ว

    Could you please tell me how to deploy this project on render

  • @cs55shivanksinghg85
    @cs55shivanksinghg85 ปีที่แล้ว

    sir link is not working while i send to other

  • @MyCodingCollege
    @MyCodingCollege ปีที่แล้ว

    Bhaiya agar main iss website ko host kar dun toh kya koi bhi iss website par jaa kar file upload karke ek download link le sakta hai? Ya sirf local host par hi run hoga?

    • @codeforinterview
      @codeforinterview  ปีที่แล้ว +1

      Anyone can upload and download using your application after deployment

  • @shalujha6564
    @shalujha6564 ปีที่แล้ว

    localhost refused to connect error: after uploading and clicking on link to download file

  • @MukeshYadav-nm2wd
    @MukeshYadav-nm2wd ปีที่แล้ว

    sir please help I'm getting error
    Cannot read properties of undefined (reading 'path')

  • @TheViralShort_s
    @TheViralShort_s 4 หลายเดือนก่อน

    ANYONE PLEASE TELLWHAT IS THE USE OF THIS PROJECT

  • @CodingReactWithSatish
    @CodingReactWithSatish ปีที่แล้ว

    Sir app crashed btaa rha
    Bol rha h ki fileId nam ka jo variable bnaye h vo undefined btaa rha h

    • @codeforinterview
      @codeforinterview  ปีที่แล้ว +1

      You cannot use dot operator with a variable that has value undefined.

  • @bppradyumna62
    @bppradyumna62 5 หลายเดือนก่อน

    404 error is not resolved even after installing and starting nodemon

    • @codeforinterview
      @codeforinterview  5 หลายเดือนก่อน

      Please paste down below the exact full error you have

  • @sidharthdhiman4522
    @sidharthdhiman4522 ปีที่แล้ว

    but why did we need mongodb here to trafer files , ? why are are storing files in MongoDB ?

    • @subhajitdey135
      @subhajitdey135 ปีที่แล้ว

      we need mongodb to store the file name and location . We store the files in our backend server

  • @muhammadubaid6576
    @muhammadubaid6576 ปีที่แล้ว

    Make tutorials on document tracking system web based in MERN Stack with source code

  • @cs55shivanksinghg85
    @cs55shivanksinghg85 ปีที่แล้ว

    please reply sir ,when i send this link to other why this link is not working]

    • @harshsharma5066
      @harshsharma5066 ปีที่แล้ว +1

      It will not work brother because the link is itself of localhost server. It will only work on our compute. I think it will work after you deployed this project because after that our server has been deployed so it will create a link that will be sharable

    • @harshitsaxena7205
      @harshitsaxena7205 ปีที่แล้ว

      @@harshsharma5066 bro have u deployed this project

  • @harshsharma5066
    @harshsharma5066 ปีที่แล้ว +1

    But ya link toh local computer pa hi kaam karegi

  • @kunjpatel111
    @kunjpatel111 ปีที่แล้ว

    Module not found error can't resolve axios

    • @codeforinterview
      @codeforinterview  ปีที่แล้ว

      npm i axios
      run this inside client

    • @kunjpatel111
      @kunjpatel111 ปีที่แล้ว

      @@codeforinterview usme hi run kiya phir bhi error

    • @kunjpatel111
      @kunjpatel111 ปีที่แล้ว

      Module not found: Error: can't resolve 'axios' in c:\users\Dell\Desktop\FileSharing\client\src\services'

    • @kunjpatel111
      @kunjpatel111 ปีที่แล้ว

      please help me i have to submit project 😪🤣

    • @codeforinterview
      @codeforinterview  ปีที่แล้ว

      @@kunjpatel111 go inside package.json and under depedencies, check if you have axios

  • @SachinKumar-sm7by
    @SachinKumar-sm7by ปีที่แล้ว

    path: request.file.path,
    ^
    TypeError: Cannot read properties of undefined (reading 'path')
    can anyone help me to get rid of this error .....
    this is single error im getting
    @codeforinterview

    • @rajdeepdas397
      @rajdeepdas397 ปีที่แล้ว

      Solution mila kya?

    • @karthiknayak2323
      @karthiknayak2323 7 หลายเดือนก่อน

      anyone got the solution please reply

    • @karthiknayak2323
      @karthiknayak2323 7 หลายเดือนก่อน

      did you got the solution

    • @SachinKumar-sm7by
      @SachinKumar-sm7by 7 หลายเดือนก่อน

      Yes

    • @karthiknayak2323
      @karthiknayak2323 6 หลายเดือนก่อน

      @@SachinKumar-sm7by please tell me the solution

  • @HidayathHid
    @HidayathHid ปีที่แล้ว

    Please can you provide this project report for me?

    • @codeforinterview
      @codeforinterview  ปีที่แล้ว

      I don't have any documentation of this project

  • @vineetkumar2899
    @vineetkumar2899 ปีที่แล้ว

    Please explain how to deploy it so that i can share it with my friends 😜

    • @codeforinterview
      @codeforinterview  ปีที่แล้ว +2

      I will soon create a deployment video of this project

    • @codeforinterview
      @codeforinterview  ปีที่แล้ว +1

      In the meantime you can check this deployment video, you can deploy the same way
      th-cam.com/video/GccMzWf49C4/w-d-xo.html

    • @user-ramukaka
      @user-ramukaka ปีที่แล้ว

      ​@@codeforinterviewthanks bhai

    • @harshitsaxena7205
      @harshitsaxena7205 ปีที่แล้ว

      @@user-ramukaka bro have u deployed it

    • @user-ramukaka
      @user-ramukaka ปีที่แล้ว

      @@harshitsaxena7205 Bhai code error AA rha tha esliye project chod Diya tha 2month phele ,, agr deploy karna hai versal par deploy kr skte ho

  • @sidharthdhiman4522
    @sidharthdhiman4522 ปีที่แล้ว

    but mai link dusro ko bhejunga toh download nhi hoga yeh

  • @lee-xt5oh
    @lee-xt5oh 7 หลายเดือนก่อน

    can anyone say is it working fine anyone who completed the project pls reply

    • @codeforinterview
      @codeforinterview  7 หลายเดือนก่อน

      What is the issue you are facing?

  • @bhai14hoursconsistent
    @bhai14hoursconsistent ปีที่แล้ว

    Please bhaiya make social media clone application pure mern stack please bhaiya

  • @harshitsaxena7205
    @harshitsaxena7205 ปีที่แล้ว

    has anyone deployed it

    • @codeforinterview
      @codeforinterview  ปีที่แล้ว

      I will upload a deployment video soon

    • @harshitsaxena7205
      @harshitsaxena7205 ปีที่แล้ว

      @@codeforinterview when will you make the deployment video... waiting eagerly
      Thanks

  • @CodingReactWithSatish
    @CodingReactWithSatish ปีที่แล้ว

    Koi btaa skta h

  • @anubhavkumarsingh8073
    @anubhavkumarsingh8073 ปีที่แล้ว +1

    Cannot read properties of undefined (reading 'path')
    TypeError: Cannot read properties of undefined (reading 'path')
    at getImage (localhost:3000/static/js/bundle.js:42:28)
    can you please help me with this error

    • @codeforinterview
      @codeforinterview  ปีที่แล้ว +1

      the variable using which you are calling path has a value undefined
      and undefined.path will give you this error

    • @avnigoyal7736
      @avnigoyal7736 ปีที่แล้ว

      same error with me plz help

    • @anubhavkumarsingh8073
      @anubhavkumarsingh8073 ปีที่แล้ว

      @@avnigoyal7736 were you able to fix it?

    • @shivansh709
      @shivansh709 ปีที่แล้ว

      @@anubhavkumarsingh8073 were you able to fix it?

    • @anubhavkumarsingh8073
      @anubhavkumarsingh8073 ปีที่แล้ว

      @@shivansh709 no bro

  • @harshjain469
    @harshjain469 2 หลายเดือนก่อน +1

    Brother mere mein type error reading “path” undefined a raha h