MERN Stack CRUD Operations | Full Stack CRUD Operations | React, Node, Express & MongoDB

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

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

  • @Cool-Crist
    @Cool-Crist Год назад +12

    Great tutorial. I followed all the steps and deployed everything successfully. I have all the code in Git, the server on Render, the client on Netlify, and the database on MongoDB Atlas. All of these services are free, I only had to change the URLs, and everything is working perfectly. The only issue I encountered was that the values were added twice, but overall, it's a fantastic tutorial. Thank you!

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

      Do you have solution for values getting added twice. how can i solve that?

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

      Can you give the link of the source code?

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

    I recommend this video to beginners for learning CRUD operations. It’s really good!, Thank you 🙏

  • @ZteinWorks
    @ZteinWorks 8 месяцев назад +1

    The tutorial video is working. 9/10
    -1 because has many minor errors but the code are still works.
    Good job, and Thank you!

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

      Bro can you point one or two errors ? I didn't noticed any error i am new to mongoose and all so if there are any errors, I don't know them. Can you point one or two errors plz ?

  • @FuvayTechnologies
    @FuvayTechnologies 6 месяцев назад +1

    very well explained and a good start to understand how things work in mern projetcs
    👍👍

  • @fatimaanjum4281
    @fatimaanjum4281 9 месяцев назад +3

    best crud-app on youtube 👍

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

    i wish your MERN Crud operation video is very great .. very good effort .. too easy understanding for beginners.. hats off you brother....go ahead don't stop post ur videos.. in future become good results .... :) best Regards MahaRaja Zion
    Chennai, Tamilnadu,

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

    Nice easy and quick tutorial. You earned a sub. Cheers 🎉

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

    Your video was very resourceful, quick comprehensive. Keep it up. I am subscribing now

  • @harikasurya-k1b
    @harikasurya-k1b 3 месяца назад

    Best and easily understanding video.
    But try to mention your git repositories in the decsription next time please.

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

    Really appreciate ur efforts, although the video was short and precise but insightful.

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

    really helpful , keep up the inspiring work Yousaf!

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

    You are amazing, the video is amazing. No one has explained it to me so simply. keep it up 🥰😍😇

  • @rushikeshkhavare4745
    @rushikeshkhavare4745 9 месяцев назад +8

    26:26 the fly sound, i am wearing earpods it feels real one 😂

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

    you are doing great job i learned new things when i watch your video s Thank you ❤

  • @zia-kayani
    @zia-kayani Год назад +2

    thanks sir !! May Allah bless you
    very clear video

  • @rajsamarasuriya7992
    @rajsamarasuriya7992 25 дней назад +1

    Great stuff. Thank you.

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

    54:26 insted of refresh, why can't we use side effect of above useEffect hook ? i think that is better.The tutorial is greate and love your teaching .Keep going .

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

    Masha allah !Thank you so much sir

  • @shubhamjain_93
    @shubhamjain_93 2 месяца назад +1

    Bro can you please make video on how can we download this data as an pdf format and that too with an option of downloading full data or an single page with 10 rows

  • @NeuralNexus-hu4oi
    @NeuralNexus-hu4oi 7 месяцев назад

    Very Helpful video.

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

    please, upload code at the end of the video, or reviewing it 1 more time before ending video. It will really helps to understand and correct mistakes

  • @salahudheenpilassery
    @salahudheenpilassery 10 месяцев назад

    Good Class.👌👌 Thank you

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

    Good Thanks.
    Your explanations were very good.

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

    Amazing tutorial

  • @Madhu-m1t
    @Madhu-m1t 5 месяцев назад

    Very clear explanation!!

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

    31:20 when select submit button but can't work i write code properly but they problem are come

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

      Also with me can fix that if you fix that then please share

    • @Akash-m4k1c
      @Akash-m4k1c Год назад

      Hi, I am also facing same problem. When I hit submit button it is not working.

    • @Akash-m4k1c
      @Akash-m4k1c Год назад

      @@mindless_b7484 Did you get any solution for that?

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

    Sir, you are using window + v to see the copy element.

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

    Superb video! Really appreciated

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

    I love your tutorials, thank you. bro

  • @debojitsaha7851
    @debojitsaha7851 6 месяцев назад +1

    sir what 'users' indicate in then() function ??
    please explain!

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

    why you are not using npm nodemon index.js for server running

  • @NeerajSharma-sk2rs
    @NeerajSharma-sk2rs Год назад +1

    sir you should provide source code like other tutorials then it would be more comfortable and efficient

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

    Thank you brother

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

    many thanks bro !!!

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

    Nice video Thank You !!!!

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

    thank you it is great tutorial

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

    Hi! If I run command npm run dev it loads me the index.html file. How to load app.jsx file?

    • @codewithyousaf
      @codewithyousaf  10 месяцев назад

      Did you create project using Vite or CRI

  • @ezeldesilva2717
    @ezeldesilva2717 2 месяца назад +1

    What if the reference is not the id but username or other fields of the schema how to get the data from it..thank you

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

      based on unique value u can get

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

      @@codewithyousaf can you have a sample please..thank you..like email from user input then how can you get all data from that..thank you

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

      @@codewithyousaf how can you pass the user input to axios get to be able to compare that user input value to the fields of the schema like username or email and not the id

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

      @@ezeldesilva2717 pass through url like: http:localhost:3000/segment/username.
      in server get username from url.

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

      @@codewithyousaf thank you

  • @hanifarifnaz
    @hanifarifnaz 3 месяца назад

    What is the use of react if we load entire page

  • @md.abdullah-al-mamun2802
    @md.abdullah-al-mamun2802 Месяц назад +1

    Please provide your Project Code. Viewing and Writing Code is very time consuming.

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

    god bless you

  • @Akash-m4k1c
    @Akash-m4k1c Год назад

    Hi, For me when I am hitting the submit button it is not working for me. When I cheked the network the status says pending. 31:20

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

    Sir , why you have use npm init vite and not npx create - react-app

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

      Vite uses the esbuild bundler, which is much faster than the Webpack used in CRA

    • @yogeshshrestha1745
      @yogeshshrestha1745 Год назад +5

      you should stop using cra it's too slow

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

    excellent

  • @djdhanaraj8935
    @djdhanaraj8935 Месяц назад +1

    Bro I am getting error about "localhost:3001/createUser" I need solution for this 😢

    • @codewithyousaf
      @codewithyousaf  Месяц назад +1

      what is the error

    • @djdhanaraj8935
      @djdhanaraj8935 Месяц назад +1

      @@codewithyousaf nothing bro one simple spelling mistake that's it now it's done👍 and thank u for such a very nice explanation ❤️😊

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

      Bro iam getting "localhost:3001/" 404 not found this axios error while I'm displaying the records on the UI please respond me

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

      @@djdhanaraj8935 the error will be in server code
      also localhost:3001

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

    Bro i got uncaught error map f is not function
    Plz Resolve my error
    I saw ur video on this but no use

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

      The object want to go through is empty I think or not an array check that.

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

    my delete route is getting called automatically.......what should I do?

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

      where you called you delete function call that with arrow function. [ onclick={() => deleteFun()}

  • @LeviAckerman-gt6ll
    @LeviAckerman-gt6ll 7 месяцев назад

    49:45 can't edit input fields. is it wrong to use value={}? any help?

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

    My data is not updated, as i am getting the data in the console

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

    Thank yu bro

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

    thanks bro 👍

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

    good sir

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

    server - 14:37
    mongodb connection - 18:21

  • @VipinKumar-sj8ib
    @VipinKumar-sj8ib 6 месяцев назад +1

    please provide the souce code

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

    Nice g

  • @GauravPatel-ly4ul
    @GauravPatel-ly4ul Год назад +1

    pura code learn karke aaye the kya song ki tarah😀😀

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

    why i am unable to see result on localhost:5173
    pls guide me

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

      move to the console check if there was any error solve that error

  • @ksantoshkumar4579
    @ksantoshkumar4579 7 месяцев назад +6

    please provide the source code.

    • @Randorandom232
      @Randorandom232 4 месяца назад +1

      Please learn. Stop simply copying.

    • @pradeepkannanr4032
      @pradeepkannanr4032 Час назад

      ​@@Randorandom232 its not about copying source code plays the main part of learning

  • @JiuLin-n8k
    @JiuLin-n8k Год назад

    why put method does not work for me ?

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

    5:21 How you pasted

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

    hello sir. I am getting an error it says [plugin:vite:import-analysis] Failed to resolve import "./index.css" from "src\main.jsx". Does the file exist? what's the solution for this??

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

      @codewithyousaf

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

      ​@@stvngrxia2304 remove index.css line from main.jsx component or create index.css and import it there.

  • @Rocky-ki9js
    @Rocky-ki9js Месяц назад

    Can you share the github repo link

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

    thank you

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

    Sir can u pleasse provide us the code of this project urgent neded?

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

      codewithyousaf.blogspot.com/2023/06/crud-operation-with-redux-using-mern.html

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

      Thanks for ur quick response but this is not the code of this video project redux is not used in this

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

      @@malikhaidi434
      You are right I don't have the code of this tutorial right now
      Sorry 🙏🙏

  • @Nani-e5o5g
    @Nani-e5o5g Год назад

    Sir, im getting error in the import React from 'react' how to fix it

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

      There will be problem in the structure of folders or webpack
      simply try to create a new app

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

      Type
      const react = require 'react'

  • @SumitGupta-wb2vu
    @SumitGupta-wb2vu Год назад

    sir can you please help me to provide me source code for this video?

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

    bro can i get the code for understanding.

  • @vaibhavsaxena6547
    @vaibhavsaxena6547 10 месяцев назад

    Axios .post line mh error araha console mh

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

    OMG I love you

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

    super

  • @ZouhourTrabelsi-x6d
    @ZouhourTrabelsi-x6d Год назад +1

    can you tell me what version of node /react you use?

  • @NawafXRMFC
    @NawafXRMFC 4 месяца назад +1

    28:49 Bro Farted😂😂😂😂😂😂😂😂

    • @VK-re4jh
      @VK-re4jh 3 месяца назад

      Bhai😂

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

      no bro i replay the video twise but not get the sound, I tink someone farted in you around

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

    source code available ha i kya

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

    I'm getting error code 404

  • @yeshwanthkumar6089
    @yeshwanthkumar6089 10 месяцев назад

    can u keep github link

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

    i love you

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

    Hey Bro Frontent code pls bosstrapp

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

    Source code

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

    github?

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

    I saw there is lot mistake in the video. He is not defined value property into input in the react code.
    Not defined app.get listner method into nodes index.js file. so, there is lot mistakes in the course.
    Thanks

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

    Github plz

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

    app.post route I get 404…where is that route written?

  • @artofthesisters6648
    @artofthesisters6648 10 месяцев назад

  • @Softechytabhi
    @Softechytabhi 4 месяца назад +1

    Please provide the source code