🔴 MERN #29: Connect React with NodeJS & MongoDB | Stored Registration Form Data in Database in MERN

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 เม.ย. 2021
  • Welcome, Connect React with NodeJS & MongoDB | Stored Registration Form Data in Database in MERN
    😍 Check my Instagram to Chat with me: / vinodthapa55
    ➡️ Source Code Link: www.thapatechnical.com/2019/0...
    ✅ NodeJS Tutorial in Hindi 2020: • NodeJS Tutorial in Hin...
    ✅ Express JS Tutorial In Hindi in 2020: • Express JS Tutorial In...
    ************ Must Watch Videos For Web Development ************
    ➡️ ReactJS Tutorial in Hindi 2020 Playlist Link: • React JS Tutorial in H...
    ➡️ React JS Project Netflix App Part #1 in Hindi in 2020: • #22: Props in React Js...
    ➡️ Install VS Code for ReactJS LINK: www.thapatechnical.com/2020/0...
    😍😍 Check Programming Videos in One Hour👇
    ➡️ Complete Reactjs in One video here • ReactJS For Beginners ...
    ➡️ HTML in One Video: • Learn HTML in One Vide...
    ➡️ CSS in One video: • Learn Complete CSS In ...
    ➡️ CSS FlexBox in 30 Minutes: • CSS FlexBox in 30 Minu...
    ➡️ JavaScript in One video: • JavaScript in One Vide...
    ➡️ ECMAScript 6 in One Video: • ES5 & ES6 | ECMAScript...
    ➡️ HTML5 in one video: • HTML5 Tutorial in One ...
    ➡️ CSS3 in one video: • Learn Complete CSS3 In...
    ➡️ Bootstrap4 in One video: • Bootstrap 4 in One Vid...
    ➡️ Jquery in One video: • jQuery in One Video in...
    ➡️ JSON in one video: • JSON in One Video in H...
    ➡️ ReactJS in one video: • ReactJS For Beginners ...
    ➡️ PHP in One Video: • PHP TUTORIAL IN ONE VI...
    ➡️ NodeJS in one video: / ipnwakoibt
    ➡️ MySQL in one video: • Complete SQL & MySQL i...
    ********** CLICK HERE TO WATCH ************
    ➡️ Fetch API in JavaScript: • Fetch API in JavaScrip...
    ➡️ AJAX tutorial for beginners in Hindi: • AJAX tutorial for begi...
    ➡️ Template literals (Template strings) in ES6 in JavaScript in Hindi: • ES6 Tutorial #3: Templ...
    ➡️ Async Await in JavaScript in Hindi: • Async Await in JavaScr...
    ➡️ Promises in JavaScript in Hindi: • Master The Promises in...
    ➡️ Callback Hell in JavaScript: • Callback Hell in JavaS...
    ➡️ Advanced JavaScript in Hindi Playlist: • Advanced JavaScript Tu...
    ➡️ ECMAScript Tutorial in Hindi 2020: • Modern JavaScript ES6 ...
    ➡️ ES5 & ES6 | ECMAScript 6 in One Video in Hindi: • ES5 & ES6 | ECMAScript...
    ➡️ JavaScript Game Development Series in 2020: • JavaScript Game Develo...
    ➡️ Top 5 Programming Languages in 2020: • Top 5 Programming Lang...
    ➡️ Ludo Game JavaScript Link: • JavaScript Game in Hin...
    ➡️Plz show some love to My Siter TH-cam Channel and Plz Subscribe Link: / @mayabeautyvlogs878
    **************** MUST WATCH VIDEOS *****************
    ➡️ How to become a Full Stack Developer 2020: • How to become a Full S...
    ➡️ How To Become a Web Developer 2020: • How To Become a Web De...
    ➡️ How JavaScript Works: • How JavaScript Works i...
    ➡️ Follow me on Instagram: / vinodthapa55
    Make Website Responsive Using Media Queries in One Video in Hindi | Web Design Tutorial in Hindi
    ➡️ Link: • Make Website Responsiv...
    Guys, Please support my channel by SUBSCRIBE to my channel and share my videos in your Social Network TimeLines.
    Don't Forget to Follow me on all Social Network,
    Website Link: www.thapatechnical.com
    Instagram Link: / vinodthapa55
    Facebook Link: / vinodthapa55
    Twitter Link: / vb55thapa
    Facebook ThapaTechnical Page Link: vinodbahadur...

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

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

    Me before connecting front-end to back-end : *mere ko toh aisa dhak dhak horela hai* 🤣🤣🤣🤣

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

    its not working still showing same route 3000 do all the possible way, delet the package json node module reistall it but its not working
    showing this : SyntaxError: Unexpected token '

  • @saurabhkannaujia5287
    @saurabhkannaujia5287 2 ปีที่แล้ว

    love you bro .....3 dins e phasa tha but finally clear ho gaya

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

    Thank you these series help me a lot

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

    Hi, vinod my name is hasan khan I am trying to send my data from front to backend but in my case, front end is sending blank data in database

  • @ashishchaudhari8223
    @ashishchaudhari8223 3 ปีที่แล้ว

    plzz reply if anyon runs because it shows me INVALID REGISTERATION error after click n register

  • @Fun365Tv
    @Fun365Tv 3 ปีที่แล้ว

    Thapa bro know me please which one book is very helpful to learn your 16 hour JavaScript video.

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

    for me, everything is working fine, data also store in db but instead of redirecting me to 5000 port , its redirecting me to 3000 only after adding proxy as well and data.status===422 || !data, is not working.....

  • @gurucharans9629
    @gurucharans9629 2 ปีที่แล้ว

    Mam how to run Mern stack project my server gave me errors message local host is undefined even I create a port dot. env. Process in Config file but also I couldn't run my project.

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

    Very very awesome video sir, if it was possible I would have given 10 👍.

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

    bro maine html, css or JS ka use karke ecommerce website banayi hai, kya mai usse backend se connect kr sakta?

  • @Hayden-Healthy-Lifestyle
    @Hayden-Healthy-Lifestyle 2 ปีที่แล้ว

    jo backend me if else condition like h if email or username already exist ... o vala errror front end me nhi dikra h ...sirf register succesfull dikara h

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

    best channel on youtube thanks🥰

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

    Thanks for the detailed explanation !

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

    Sir Namaskar Aaramai hunucha content explain ekdam ramro cha

  • @online_coding
    @online_coding 3 ปีที่แล้ว

    Thapa bhai aapse hi sb kuch sikhe ha to please aap mera ek aur doubt ko bata sakte ha hai jb body ke andar sara data one by one kyu likhe jb state or user me sara data aa rha tha tb ...User kr ke sara data to bhej skte the na aur form me handleSubmit kyu nhi use kiye taki form ke niche sara field ka value le le please reply dijiyega.

  • @rishabhgarg3112
    @rishabhgarg3112 3 ปีที่แล้ว

    Bhai jb hum reactjs pr get/post kr rhe hai jo ki client side pr hota hai.
    To ise hacker vagera Conditons badal de to Scene nhi hojaega??????
    Ya fir ho sakta h ki me galat hu🙁

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

    Only legends knows thapa bhaiya ki "const" ko hmesha galat likhne ki aadat 🤣🤣

  • @rahultirkey7950
    @rahultirkey7950 3 ปีที่แล้ว

    Thank you. It helps me alot.

  • @vasurangpariya8492
    @vasurangpariya8492 3 ปีที่แล้ว

    Is it better way to use proxy in live product??

  • @shivnerishinde4893
    @shivnerishinde4893 2 ปีที่แล้ว

    This video deserves a like...... aur thapa bhaiya wo github pe code kardo upload ab baccho ki jaan loge kya

  • @mainakpodder8190
    @mainakpodder8190 2 ปีที่แล้ว

    Thank you sir,thaks a lot.You are amazing ❤️

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

    y do i have to click twice for sign up any solution?

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

    My await res.json() is not working its showing that res.json is not a function...

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

    In react-router-dom v6 useHistory() is replaced by useNavigate(). after all done it

  • @lucifer-5ybtn
    @lucifer-5ybtn 3 ปีที่แล้ว

    how to do the same thing but with php as a backend ?

  • @codecrafts5263
    @codecrafts5263 2 ปีที่แล้ว

    my fetch() has stopped working suddenly. All the login and register are suddenly stopped and even posting from postman is not working. Please Help!!! Its really urgent

  • @ShubhamSharma-tz1gv
    @ShubhamSharma-tz1gv 3 ปีที่แล้ว +1

    What's the solution for caught in promise error?

  • @thedark023
    @thedark023 3 ปีที่แล้ว

    Where is post data const used
    And my proxy is not working

  • @jugalsharma6114
    @jugalsharma6114 3 ปีที่แล้ว

    Bhai error push unhandle rejection cannot property punch of undefined

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

    Hello I always watched your videos and are impressing. Can you make a new video on user registration (register+login) and simple CRUD operation with file upload using NODEJS Express+Sequelize+Mysql and ReactJS as frontend. It will be so much helpful for me and many viewers.

  • @tarunrathore3761
    @tarunrathore3761 3 ปีที่แล้ว

    awsome sir tooooo great sir.......

  • @hammadrafique3163
    @hammadrafique3163 2 ปีที่แล้ว

    Great content!

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

    Mere me to bina kisi error ke bina proxy ke data save ho rha hai data base me

  • @harsh.m2897
    @harsh.m2897 10 หลายเดือนก่อน

    getting error "user is not iterable" after submitting data to the form..

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

    anyone getting below error, please help me on this, I left all field empty and clicked on submit button blank value is saving in database
    Signup.js:29 POST localhost:3000/register 422 (Unprocessable Entity)

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

      Same here bro,did you get the solution?
      If yes then pls say me

  • @ashishchaudhari8223
    @ashishchaudhari8223 3 ปีที่แล้ว

    Hii thapa bhai ..after register yeah bhai invalid dikha raha hai what i do

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

    Excellent explanation , no one is better than you in explanation

  • @rafay-king.x
    @rafay-king.x 2 ปีที่แล้ว

    then i click on sign up button redirect on this page: Cannot POST /resgister/Login

  • @raheelsiddique1631
    @raheelsiddique1631 2 ปีที่แล้ว

    How to get this field data and pass into another component

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

    Awesome sir

  • @rishikadhiman5599
    @rishikadhiman5599 11 หลายเดือนก่อน

    I got an error - Cannot POST /signup, please can someone explain me why i'm having this error!

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

    Where I will get root path
    You told registers mai bejna hai

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

    Please make a video on how to integrate payment gateway

  • @RaviGupta-rn8rr
    @RaviGupta-rn8rr 2 ปีที่แล้ว

    ham variables ka use nahi kar sate kya data send karne ke liye

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

    how can i fix 422 (Unprocessable Entity) ?

  • @vishalsharma8739
    @vishalsharma8739 2 ปีที่แล้ว

    Thanks bhai mera form register ho gaya

  • @allanfernandes829
    @allanfernandes829 2 ปีที่แล้ว

    React developer tools that is components is not showing in chrome

  • @nicetomeetugaming7024
    @nicetomeetugaming7024 2 ปีที่แล้ว

    Thanks a ton sir!

  • @arsalanrehman9117
    @arsalanrehman9117 2 ปีที่แล้ว

    Koi bhai madat kar sagta Hy proxy laga na k bard bhe not found 404 error araha asa kynu hy

  • @mr.shoaibmalik2488
    @mr.shoaibmalik2488 3 ปีที่แล้ว

    THANK YOU SO MUCH

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

    Thankyou so much bhaiya!!!! ♥

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

    Thapa The Legend My goto Channel Noithing else all ofmy searches include That at the very end like how to this or that Thapa

  • @saoudahmedkhan2549
    @saoudahmedkhan2549 3 ปีที่แล้ว

    Waiting for next one

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

    please help to solve below error
    422 unprocessable entity error

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

    Module not found: Error: You attempted to import ../../../../server/router/auth which falls outside of the project src/ directory. Relative imports outside of src/ are not supported.
    You can either move it inside src/, or add a symlink to it from project's node_modules/.
    can anyone solve this error

    • @MK-ic6vo
      @MK-ic6vo ปีที่แล้ว

      solve it?

  • @bhattaraitheaxe
    @bhattaraitheaxe 3 ปีที่แล้ว

    दामी 👌

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

    Pls make video payments getaways using rozorpay + react js +node Js and store data in database my sql

  • @mahbubalam1919
    @mahbubalam1919 2 ปีที่แล้ว

    yes. data passing but cors install and middle ware use

  • @tanmaykumar9277
    @tanmaykumar9277 2 ปีที่แล้ว

    Video was great I was able to connect mongoDB with my node, but your instagram link is not working.

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

    Sir plz image ko upload kaise kare database me plz solve this problem

  • @divyanshusah2809
    @divyanshusah2809 3 ปีที่แล้ว

    Bro Thanks.❤🤚

  • @nasarshaik5207
    @nasarshaik5207 3 ปีที่แล้ว

    tq so much sir.!

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

    if(data.status === 422 || !data) ye condition bilkul wrong condition agar koi bhi bina fields ko fill kiye register karega to wo register to nahi ho payega but usko alert aayega ki wo register succefull ho gya

  • @underworld-of-gaming
    @underworld-of-gaming ปีที่แล้ว

    Thankyou very much 😘😘❤️

  • @syedmubeen8082
    @syedmubeen8082 2 ปีที่แล้ว

    Thank you Sir

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

    it not taking data.status ;
    data.status giving undefine

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

    How to handle duplication error (phone) ??

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

    unprocessable entity and the server gives validation error , anyone with solution ?

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

    bhai mene pese de diye... whatsapp par screenshot bhi bhej diya....lekin source code nahi mila

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

    Super.... just a note 'autocomplete' is not working because instead of 'autocomplete' it should be 'autoComplete' with a capital 'C', Thank you Vinodji

  • @All-New_Entertainment
    @All-New_Entertainment 3 ปีที่แล้ว +1

    Sar live chat website kaise banai ja sakti hai

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

    Amazing video

  • @MrJamesmonster
    @MrJamesmonster 2 ปีที่แล้ว

    Why is the video description and comments in English, but the audio tutorial in Hindi ? I was happy I found help but I lied to myself 🙁

  • @Rahulkashyap-rs3tb
    @Rahulkashyap-rs3tb 2 ปีที่แล้ว

    422 unprocessable entity error ko solve kise kre plz help

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

    I'm getting two errors 500 internal server error and Unexpected token 'P', "Proxy erro"... is not valid JSON can anyone please help?

  • @vaibhavkhushlani3836
    @vaibhavkhushlani3836 3 ปีที่แล้ว

    Bro please make video on Login by Google authentication.....

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

    how to use proxy method on production level

  • @yogeshrawat1204
    @yogeshrawat1204 3 ปีที่แล้ว

    Bro please make video on how to send otp from registration form

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

    Registration successfully dikha raha lekin database me store nahi ho raha

    • @exploreThe_
      @exploreThe_ 2 ปีที่แล้ว

      Same bro... Do u get the solution? Pls help. Bro

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

    Instead of local host 5000 use 3000 and delete all paths related to get method in the server side simple use only client server

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

    Isme Jquery Ajax Nahi Use Kar Sakte

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

    Hello Bro, Mere ko 422 (Unprocessable Entity) aa raha kya karu ... data store nahi ho raha .. please help

  • @mehboobahmed892
    @mehboobahmed892 3 ปีที่แล้ว

    thanks a lot thapa sir !!!!!!!
    connection successful 😇

    • @ritikadhangar2979
      @ritikadhangar2979 2 ปีที่แล้ว

      Please tell me actually whenever I click on summit button it's not responsing instead of it everything is fine 😅

    • @MuhammadAhmad-pn5hg
      @MuhammadAhmad-pn5hg 2 ปีที่แล้ว

      Please brother mera ye whatsapp ka voad hai ispey coad tu send krdo contact kr k mera connection successful ja rha but mongoo mey data nhi ja rha

  • @technicalnitesh1974
    @technicalnitesh1974 3 ปีที่แล้ว

    Bhaiya ab hamko react native series magta hai

  • @PriyaSingh-ql9zy
    @PriyaSingh-ql9zy ปีที่แล้ว +1

    sir proxy erroer is happening

  • @AmirKhan-zu3jb
    @AmirKhan-zu3jb 2 ปีที่แล้ว

    Thapa sir, How can I get mern code? How can I pay you?

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

    I appreciate the way you are exploring the thin 👍

  • @krishnaprasad_k
    @krishnaprasad_k 2 ปีที่แล้ว

    Bro I can't enter anything in name email password etc input fields why?

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

    Cannot enter Anything in box anybody help me please 🥺

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

    Mere ko server ka code Kiya hua video nahi mila

  • @zkabid247
    @zkabid247 3 ปีที่แล้ว

    res.body ma data nagi ja ra
    anyone please help

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

    bhai backed kider explain kiya hai??

  • @anonymousmultimaster4655
    @anonymousmultimaster4655 2 ปีที่แล้ว

    Zayda samaj me nahi aya par suun kar accha lage

  • @Goutham-bp8cv
    @Goutham-bp8cv 2 ปีที่แล้ว

    Hello, Bhai. I've included the proxy statement in package.json file
    but when I go and see the network in developer tools, nothing is changing. Can you help me !

    • @Goutham-bp8cv
      @Goutham-bp8cv 2 ปีที่แล้ว +1

      Ok. I got it. After including proxy,
      just need to restart the terminal

    • @shubhangibhalerao9739
      @shubhangibhalerao9739 2 ปีที่แล้ว

      Delete previous terminal and restart terminal again this help me

    • @jatinaggarwal5397
      @jatinaggarwal5397 2 ปีที่แล้ว

      delete package.json and npm_modules and reinstall it.

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

      @@jatinaggarwal5397 hey bro I'm getting error localhost:3000/signup not found instead of localhost:3000/register.pls help

    • @amansaxena5620
      @amansaxena5620 2 ปีที่แล้ว

      @@tejender_kumar did u found soln?

  • @sankalpmohate5717
    @sankalpmohate5717 3 ปีที่แล้ว

    In this case When we don't fill register from and click on register button it will show register successful popup how to handle this if some one can't fill any of the field than we can show popup msg like filled complete details.

    • @thersbisht
      @thersbisht 2 ปีที่แล้ว

      Try using this,
      if(res.status === 422 || !data){
      window.alert("Invalid Registration");
      }else{
      window.alert("Registration Successfull");
      history.push("/signin");
      }

    • @PriyaSingh-ql9zy
      @PriyaSingh-ql9zy ปีที่แล้ว

      ​@@thersbisht not working

  • @technicalnitesh1974
    @technicalnitesh1974 3 ปีที่แล้ว

    Bhaiya react native kab ayega

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

    😍😍😍

  • @bilalkachara241
    @bilalkachara241 3 ปีที่แล้ว

    Sir, please create one video for connection of react and node with storing data in the database in a live website

    • @shamshad_hussain
      @shamshad_hussain 2 ปีที่แล้ว

      nahi kar payega wo live wo usko khud google ya dusre ki video dekh ke samajhna padta hai, ya wo apne dual screen par pehle se hi code likh ke karega🤣

  • @BogiMan7
    @BogiMan7 3 ปีที่แล้ว

    Gatsby Explained.