Summary
Keywords
Full Transcript
Welcome, we will see How to connect frontend with backend and database in MERN Stack. Explore the seamless integration of React, NodeJS, and MongoDB in our MERN series! 🚀 Learn how to store registration form data securely in the database, troubleshoot CORS errors, and establish a smooth connection between the frontend and backend. Subscribe for more insightful content and embark on the journey of mastering MERN stack development! 💻🌐 🔗🌟 Get your MERN Stack Free Source Code and Notes now 👉 https://thapatechnical.shop/courses Join us on this exciting coding journey to master the MERN Stack together! Be sure to hit that subscribe button and ring the notification bell, so you never miss our engaging Hindi tutorials. Your web development skills are about to level up – let's do this! 👍 Feel free to like, share, and ask questions in the comments. We're here to help! ----------------------------------------------------- ✌️ Become Member, get access to perks, free Source code, & more.. https://www.youtube.com/channel/UCwfaAHy4zQUb2APNOGXUCCA/join 🚀 Check my Instagram to connect with me: https://www.instagram.com/thapatechnical 🗨️ Discord Server Link for Programmer to Hangout: https://discord.gg/MdScmCsua6 ----------------------------------------------------- ⏳TIMELINE⏳ 0:00 INTRO 0:40 SUBSCRIBE TO THE CHANNEL FOR MORE CONTENT 1:58 Displaying registered data in REACT state 4:15 Comparing the process with Postman and React 7:00 Initiating the connection from React to the backend 13:40 Handling promises and implementing try-catch 15:03 Understanding CORS error 18:36 Implementing CORS in our backend 21:02 Adding important options for CORS 23:50 Receiving a successful response from the server 24:50 Clearing the register form data 24:40 Navigating to the login page 26:05 Recap ************* 😍 Must Watch Videos For Web Development 😍 ************* ➡️ Complete Reactjs in One video here https://youtu.be/43IbFDSVdB0 ➡️ HTML in One Video: https://youtu.be/pN7BFLfSjFw ➡️ CSS in One video: https://youtu.be/hkQv0NIxKQY ➡️ CSS FlexBox in 30 Minutes: https://youtu.be/6L-PAmZajfA ➡️ JavaScript in One video: https://youtu.be/PODgPW-hbfU ➡️ ECMAScript 6 in One Video: https://youtu.be/Iek4DtRobLA ➡️ HTML5 in one video: https://youtu.be/4V0-YpO-KZo ➡️ CSS3 in one video: https://youtu.be/TFrFx7H5ZI8 ➡️ Bootstrap4 in One video: https://youtu.be/yZnNnvXO8HI ➡️ Jquery in One video: https://youtu.be/PNvyPEQ0y-I ➡️ JSON in one video: https://youtu.be/bMqevPKAPD4 ➡️ ReactJS in one video: https://youtu.be/43IbFDSVdB0 ➡️ PHP in One Video: https://youtu.be/3024Kc6SDJ0 ➡️ NodeJS in one video: https://youtu.be/ipnWAKoiBt ➡️ MySQL in one video: https://youtu.be/5bFxbwjN-Gk ➡️ Advanced JavaScript in Hindi Playlist: https://www.youtube.com/playlist?list=PLwGdqUZWnOp0hSGwasCjbrWSPrEKqB_kz&disable_polymer=true ➡️ ES5 & ES6 | ECMAScript 6 in One Video in Hindi: https://youtu.be/Iek4DtRobLA ➡️ JavaScript Game Development Series in 2020: https://www.youtube.com/playlist?list=PLwGdqUZWnOp1Ub0K1CBuLxLOEN6wTq2bg
