🔴 Complete Registration Form using HTML, CSS, Node JS, Express, and MongoDB in Hindi in 2022
ฝัง
- เผยแพร่เมื่อ 21 ก.ค. 2024
- Welcome, How to create a Complete Registration Form using HTML, CSS, Node JS, Express, and MongoDB in Hindi in 2020. We will create a user signup form from scratch and see how to use get the form data using node js, express js, and MongoDB and stored in the database.
😍 Check my Instagram to Chat with me: / vinodthapa55
✅ NodeJS Tutorial in Hindi 2020: • NodeJS Tutorial in Hin...
✅ MongoDB Tutorial in Hindi in 2020: • MongoDB Tutorial in Hi...
✅ Express JS Tutorial In Hindi in 2020: • Express JS Tutorial In...
✅ Build RESTFul API using NodeJS, ExpressJS, MongoDB & Mongoose in Hindi in 2021: • Build RESTFul API usin...
------- TimeLine --------
00:00 Introduction
00:11 Playlist for mongoDB, Express JS, NodeJS
00:34 Overview of Registration Form
03:58 Getting Started
04:27 Installing dependencies
08:00 Folder Structure
09:03 configuring express JS
13:45 Connecting to Database
17:58 Including database connection file into app.js
18:39 Creating HTML file
19:28 Using HTML file in app.js
22:54 Adding CSS
24:10 Using template engine
27:01 Using template engines
35:11 Creating home page
38:34 Creating Registration and login page
46:04 Connecting to database
52:47 Getting data
1:05:16 Fixing some issues
1:07:12 Conclusion
1:07:55 Outro
************ 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 ************
➡️ 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...
➡️ Source Code Link: www.thapatechnical.com/2019/1...
➡️ 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...
🙌 Finally, Registration Form using HTML, CSS, NodeJS, and MongoDB from Scratch in Hindi. I still remember the first time I worked on the registration form and I get my data stored in the database to believe me it was just an awesome feeling. So guys what you feel when your code runs. Do let me know below ✌
😍 Check my Instagram to Contact me: instagram.com/thapatechnical
✅ NodeJS Tutorial in Hindi 2020: th-cam.com/play/PLwGdqUZWnOp00IbeN0OtL9dmnasipZ9x8.html
✅ MongoDB Tutorial in Hindi in 2020: th-cam.com/play/PLwGdqUZWnOp1P9xSsJg7g3AY0CUjs-WOa.html
✅ Express JS Tutorial In Hindi in 2020: th-cam.com/play/PLwGdqUZWnOp3Vqww2cL5KbDkShj4NMRzk.html
✅ Build RESTFul API using NodeJS, ExpressJS, MongoDB & Mongoose in Hindi in 2021: th-cam.com/play/PLwGdqUZWnOp26kuL9GZaR0Bspm6RMAdrx.html
p
Hey, please start a giveaway of a website
Sir how can we use mongo dd with php
react men esko kesey krna hai , uski video bi banayen
Sir can you please provide the code for this vedio??
For those who are getting "no connection error". please remove all there bolean parameters which are set as true, because in latest versin of mongodb ther is no need up setting up these parameters as true manually, they are already set as true.
Thanx a lot man here i was almost about to bang my head against a wall
Thank You So Much
tnx god send savior
Thank youu
thanks a lot man
Thapa Bhai Maine kamse kaam 50 videos dekhe mongo db me data save karne ke liye but finally I got the right video 🔥🔥😅😅
sir you are literally perfect, I really have trouble understanding technical stuff but you made it easy for me. Thankyou so much❤❤❤
sir kindly can you perform this registration form process using "next js" and how can we give the path to "express js" of pages in "next js" ?
one thing that separate thapa from other youtubers is: Explain and write every line of code again and again, then our mind catch it easily. thanks.
That's true.
True.
i just came here to write this one and i found yours
Please Help Me
UseNewParser:true
Useunifiedtopogy:true
UseCreatIndex:True
Inme se Kuch Bhi Mai Jab Type kar raha hun to ye mujhe suggest nahi ho rahe
@@mrahmed9233 koi dikkat ni h mere me bhi suggest ni huye toh mene dala bhi ni h or ab sb shi chl raha hai
hello sir i have create my website first then i will try to connect with database so i was seen this video. my 1st page contact form was successfully created with database but as same step my 2nd page joining form not created database they saw erroe like validator path require like that so what would i do?
Finally I found it I was seaching for this but never get any single video on youtube....
where is the code for index.hbs and register.hbs?
Bhai aap tho OP ho 🔥.
I was struggling to know the concept, I now understand it completely and I used it in my project too.
Thanks a lot Thapa Bhai 🔥🙏
Plz send source code link
Thanks brother, mei form data ko get karne ke tume atak gaya tha aapki hrlp se provlem resolve go gaya thank you❤️
can we use inline javascript basically tag in hbs file ? i need to validate my form before submission also I think of using fetch API to call the post routes ..will it cause problems ?
Waao. Awesome video.
Aaj to maza aagaya .
Diwali ka gift aaj mila hai.
Very Thanks 🙏🙏
can you provide those codes which you just copied andpasted?
You are lord of web development Thapa bhai.. without you I am nothing!!! I learned plenty from this video..
Only you motivate me to learn WebDev.
Thanku very much🙌🙏
Congratulations Thapa for this 1000th Video from your channel.
if you are active , and solved this toutorial pls reply i am havin some errors bro
Bhai tumne kar hi liya hoga ab Tak bhej de yar source code
Bro, May god bless u ❤️
Thapa brother i am getting error on that views folder routing you have done on this video its showing Failed to look up view "index" in views file .I have done exactly the same code or files . Plz reply
I have a project of crud oprations ( i used ajax/jQuery, nodejs, mpngodb). how to upload them into github? they are currently working on local server( mongoDB and js files)
I am waiting for form registration video last 3 months and today i found it randomly 😃 and the best part of this video is that it totally revision of your node and mongodb Playlist 😀😀
Thankyou so much for this amazing video ❤
bro can u please give me the code of registration form
@@saketsingh7327 sure bro
Tomorrow please remind me once ok currently I'm out of station
@@codewithkaran8860 brother please send the code
@@codewithkaran8860 I have a practical paper I have to show it 🥺
1:06:45 The URL does not change when you click the Register button and render the index page.
use = res.redirect("/")
Bro Where Can We Get The Html and Css Code UseD In The Viideo
Brother i have a doubt that when u redirect to /registration it will show all the use credentials what about that?
Anyone has the source code?
58:46 I got full of happiness
code de agar he to
Bhai source code Heh toh bhejdo
Thankyou for this amazing video with full explanation ❤️❤️❤️
18:16 aare bhai log useNewUrlParser, useUnifiedTopology, useCreateIndex ye sab hata dena, nahi to connection unsuccessful hoga. Ye sab deprecated h
Bhaii bahut bahut dhanyawad 30 min sir phoda hu iss per
Please @Thapa Technical please send the code of html and css without that it is not useful
😂
Saying right bro, in every project he just include the stored CSS and bootstrap code already coded by him before..and also he says free source code available, but he charges 100 rupee for that to get
I also learnt a lot from him, but his false statements like free source code, makes him a false person
@@TheUnseenrails dude can't you make on your own? If u learning Restful Api , then you can do html too ryt? Kitna mehnat lagtha malum re theraku?
Ye bhdwa jaan dedga lekin css code nhi dega
U know I want that same thing and when I open his website he mentioned that the source is rupee 50 and I sent the 50 rupees than I get his number and told about source code and now it's become 2 days he is not replying me and didn't send the code 😢
thankq bhai teri wjh se bhoot se points clear ho gye
Bro your effort is appreciatable.
After seeing many videos finally I got a awesome Video which is really really understoodable
is the github link available ? where is the source code ?
Source code is paid bro
I did pay him for source code, but didn't received it yet. what should i do?
@@shayari898
how to get the code of index.hbs and login.hbs
did u got the code its urgent for me
Video is good, after facing some problems, finally I did it and it is amazing 🙏
Thank you Mr. Vinod for making this video.
You said "Guys" 2,831 times through the video. I did count them because it was so distracting.
if we assume that the time taken to say "guys" is roughly 0.5s then, he said guys for a whooping 23-24 min approx in this one hour video, that's astonishing, he sure like this word :D
🤣🤣🤣
@@ashwinikumar3721by this calculation, if he would not have used word “guyz” in this video, then the video would have been created for less than an hour 🤣🤣😂😂
😂😂
And Boom guys
*** 16:15 The useCreateIndex option has been deprecated for a while. useNewUrlParser , useUnifiedTopology , useFindAndModify , and useCreateIndex are no longer supported options. Mongoose 6 always behaves as if useNewUrlParser , useUnifiedTopology , and useCreateIndex are true , and useFindAndModify is false .***
***The solution is to remove any unsupported options from your code.***
Thnx brthr, i was looking for what error i've commited and finally saw your comment.
DONOT USE THESE LINES IN MONGODB 6.0 or above
useNewUrlParser:true,
useUnifiedTopology:true,
useCreateIndex:true
Revove these lines and boom... the connection will be successful
Thank you so much man
Hey there is any other way to solve this error bcoz it's still not working
Bhai Yaar❤️❤️
I'm still getting the error as no connection
BEESSSTTT!!! MongoDB on TH-cam. Thanks understood everything from stratch.
Do you have codes of hbs files
you explain osm brother , i took some time but finally understood and get the result 👏👏👏
for those who's showing " No connection " , you need to print in catch block e.message and then it will show you what is the error... for me it's showing that useCreateIndex is not supported
was struggling from last 1hr ..thanks bro for this
Mere m bhi yhi error aa rha h
Iske baad kya Krna h
thnx abhi for this
@@yashtripathi6084 - // useCreateIndex: true, comment kar do connect ho jayega
@@javedsk2 thnks i was struggling since 2 hrs
bro at least github link v de dia kro
Bro html css ka code hai kya tere pass
Mind blowing video on entire TH-cam 🔥🔥
If I build a login page n host it via fire base! Will I still be able to store data on my mongoose when accessed via firebase?
There is a mistake🚫 sir thapa when we redirect🌐 the page or render the page after post⏩ request to index.hbs only page got changed not the actual url📍 so, if we refresh♻️ the page again it will retrigger the post⏭️ request (resubmit the form) ⚠️
🖍️Edit: After going through the documentation I found the solution📄 instead of writing res.sendFile(), res.send() or res.render() ✖️. we can simply write res.redirect(route) ✔️ this will redirect us to the specific page.💯
🖤 PS:- if you find it sensible sir, pin🚩it so people can see.👀
Thank you bro.....I was searching for this only
@@Saurav_100rav your welcome bro !
f you are active , and solved this toutorial pls reply i am havin some errors bro
@@arimassuh6294 may I help you to solve your errors if I can
Bro i need help, i can't connect to database it says "no connection". any solution?
bhai, I had a doubt if password is not matching we are sending response right, instead of response in the same it should come dynamically. so for that will be using javascript validation or what?
I was waiting for this video. This video is really very helpful for me...Thanks you
No one explain well like you
Amazing video😄👍
After coming back to home page, the url on top is still on "/register". How to fix it?
please , can anyone tell me ,what would be the solution of this error .....TypeError: express.static is not a function
at Object. (D:\New folder\mernbackend\src\app.js:7:20)?
It's an awesome channel ☺️☺️☺️. Better then institute or college.
pls help me. How will I get he login.hbs, navbar.hbs, header.hbs ka code. You didn't show the code of frontend part how will I know what to add?
Hello there...
I want to store dropdown selected value to mongodb. How can i do that ??
i have a doubt about the static files that unless i type the file name after the req url the file does not get rendered for example localhost:8000/home/index.html......Pls help me!!
Bahi video ma Jo ap copy past kar rahy ho CSS index or registration etc Waly pages wo us ki video kaha ha plz batao
Can anybody help me in getting the source code?...I went on the website provided below and also made my payment...but got no response:(
sir i have a question .. sir agar hum aur ek form bana rahe aur usko v database se connect karna hai in a same website jaise ki ye sign up login karne ke baad ek form rahega donation aur uska data v store karna hai to kaise kare ?please help me
thanks a lot , this videos makes my concepts more and more clear🙏🙏
hello ,,,, i have error on this stage when you are using hbs file in app.js ,, please help me
sir apka 18.19 min pe jo database connect hua vo mera nahi hora hai,same code kia dito fir bhi nahi hora hai ,kuch help kar sakta ho to bato
Thank you so much!! Happy new year & god bless you for what you are doing.
f you are active , and solved this toutorial pls reply i am havin some errors bro
thanks yaar for proving this video,or v chaiya asa video
Really amazing video..thanks a lot..but one thing if u wouldhave shared sample above code..it would have been great help
bhai bohat acha kia apne html , css nhi kr ke dikhae wrna bht dmagh khrab hota tha , ham idhr nodeJs ka course krne aye the ap pehle html , css sikhane lag jate the ajeeb pagalon wali harkat krte the ap shukria ab nhi ki apne wse paglon wali harkat.
U r too good sir.... awesome explanation sir!
awesome video. thanks man. really appreciated
sir bas ek record save hta ha next record save ni hta bht try kia, phone unique ka error ata ha,phone ko unique khatam b kia phone ko default value b di phr b 2nd record save ni hra bht try kia plz help,
Hello,
apne registration form banane me hbs ka use kyu kiya hai, agr hum total html ka use kar ke bhi bana sakte the, jo ki sab se easy method hai jiske jayda files ko insert karne ki jarurat bhi nhi padengi! can you tell me the why are you create form using with hbs ?
This is really an amazing tutorial sir thank you so much.
Hello bhaiya! mega error aa rha h last mein jab aapka database mein data aaya tha form ka..........error ye h - Unexpected token "c" (0x63) in JSON at position 0 while parsing "con"
Ya, its very help full to the beginners.. well :)
my index page are not recognize after sending data into a database and app crashed what can i do in such situation
I have one doubt, like when we host this how we can also provide our database because database is in our PC, Can someone help me
great job.. thank you sir
I appreciate you bahadur thapa sir ,first time i understand of submitting form easily
Bohot e accha laga bhai. Take love bro❤❤
Great job please continue awesome videos bro
When I submit form the the data of form are not going in to dbase. It show the reference error
I am being shown the listing directory in web, even after using index.hbs. Someone please help?
awsome video for registation form vinod bhai
Where i can find html n css part of these video
i did all the steps same but still i am getting {} blank object pls help. i also write that urlencoded then also. pls help
can someone help me i am getting a 405 error i have added the routes and post request handlers too
need help
Will you please share code??
I have a issue ,for user data save into db. and its not complete.
can we connect without using view engines(.hbs etc)
You are awesome..but unfortunately 😑 i can't give you more than one like on a single video...
From Pakistan
from where to get 36:44 index.hbs and registration.hbs?
bro Ap ny Node Backend ki Playlist mai Node mai Files kasy upload krny os pr koi Video nhi bani...Multer package ko kasy use krna or Multer ki help sy Images ko kasy server pr ya DB mai upload krna????
i made public folder for css than also I am not able to add CSS file in the hbs file.If somebody can solve than please reply
When I am trying to connect with server it's showing the server is running on port no $port and in second line it's showing no connection.. please give me the solution
Bhaiya moj kr di😎 big fan🌸😅
Man Salute to your Hard work
Sir ek full dynamic Website banaiye....chota sa
Jahan pe pura scratch se batana including html css js
Aur wahin video pe hi login au contact page ta mongodb me kaise karenge....sab batadena
Ek video mein sab.....hamare liye bahut hi asan ho jayega sir...
Plz sir
how can i associate data to each customer completely isolated from another customer ?
Superb bro very useful knowledge
my HTML spinnet suddenly Stoped working while using "navigation.hbs " i don't know why
Dear thapa present why no connection is showing after merging the both conn file to db file in time stamp 18:18
why we storing confirm password field in database ?
MissingSchemaError: Schema hasn't been registered for model "Register, employeeSchema".
getting this error after including registers.js file in app.js
Hii sir, koi comiler Ko Apne website me kaise embedded karte hai???
Please where can I get the link of HTML CSS boostrap template please teacher
59:01 I get that output in my terminal but it not shown on the next page like yours so anyone can please help me to get and understand those things