#24: Working Contact Form using React.JS + Storing Data in State | MERN Series

Welcome, 🚀 Join us in building an amazing Contact Page! Learn how to design the complete contact page UI, style it using CSS, and even add Google Maps. Getting the users data from contact form and storing into the react state too. Plus, grab the free source code. Let's code together! 👩‍💻🌟

📚 Resources mentioned in our MERN Course & Don't forget to watch 👇
👉 JavaScript Course: https://youtu.be/KGkiIBTq0y0?si=HLXcL045gKwhNckz

Get the Complete Courses in One Video experience right here!
🔗🌟 Get your 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 - Introduction to the Contact Page
1:10 - Friendly Challenge Reminder
1:50 - Preview of Today's Creation
2:40 - Motivational Boost for You
4:55 - How to Access Free Source Code
5:20 - Crafting the Contact Page UI
8:30 - Designing the Contact Form UI
11:45 - Gathering User Contact Data in State
16:45 - Where to Find Video Solutions for Doubts
17:40 - Checking Our Output
20:02 - Styling the Contact Page
23:20 - Embedding Google Maps on Our Page
26:04 - Next Video Update
26:30 - Outro


************* 😍 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