🔴 Complete Registration Form using HTML, CSS, Node JS, Express, and MongoDB in Hindi in 2022

🙌 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: https://www.instagram.com/thapatechnical

✅ NodeJS Tutorial in Hindi 2020: https://www.youtube.com/playlist?list=PLwGdqUZWnOp00IbeN0OtL9dmnasipZ9x8

✅ MongoDB Tutorial in Hindi in 2020: https://www.youtube.com/playlist?list=PLwGdqUZWnOp1P9xSsJg7g3AY0CUjs-WOa

✅ Express JS Tutorial In Hindi in 2020: https://www.youtube.com/playlist?list=PLwGdqUZWnOp3Vqww2cL5KbDkShj4NMRzk

✅ Build RESTFul API using NodeJS, ExpressJS, MongoDB & Mongoose in Hindi in 2021: https://www.youtube.com/playlist?list=PLwGdqUZWnOp26kuL9GZaR0Bspm6RMAdrx

why does the path.join function not working

you can directly use index.html but you made it complex by html.hbs this make me headache and you also make so many folder which is not required but overall video is good

52:00

It is not useful

anyone please help with this :
Error: C:UsersayushOneDriveDesktopAAAtemplatesviewsindex.hbs: The partial navbar could not be found

at Object.invokePartial (C:UsersayushOneDriveDesktopAAAnode_moduleshandlebarsdistcjshandlebarsruntime.js:332:11)

at Object.invokePartialWrapper [as invokePartial] (C:UsersayushOneDriveDesktopAAAnode_moduleshandlebarsdistcjshandlebarsruntime.js:84:39)

at Object.eval [as main] (eval at createFunctionContext (C:UsersayushOneDriveDesktopAAAnode_moduleshandlebarsdistcjshandlebarscompilerjavascript-compiler.js:262:23), <anonymous>:11:28)

at main (C:UsersayushOneDriveDesktopAAAnode_moduleshandlebarsdistcjshandlebarsruntime.js:208:32)

at ret (C:UsersayushOneDriveDesktopAAAnode_moduleshandlebarsdistcjshandlebarsruntime.js:212:12)

at ret (C:UsersayushOneDriveDesktopAAAnode_moduleshandlebarsdistcjshandlebarscompilercompiler.js:519:21)

at C:UsersayushOneDriveDesktopAAAnode_moduleshbslibhbs.js:93:19

at FSReqCallback.readFileAfterClose [as oncomplete] (node:internal/fs/read_file_context:68:3)

Hey the connection fails with mongodb 6.0 version. ("at 18:18"). the cmd says mongo is not recognized as an internal command. plus there's no mongo.exe from 6.0 and later

Bohot behtareen Thapa bhai I love you ❤

C:UsersjitinDesktopmernbackendnode_modulesmongooselibindex.js:104

Object.defineProperty(this, 'plugins', {

^

TypeError: Cannot redefine property: plugins
how to rectify this error

video link of reg. form plz

Only you motivate me to learn WebDev.
Thanku very much🙌🙏

If we want to use React JS frontend code rather than HTML and CSS code then how can we do this ?

if i am adding partials handlebars is not working.someone please help me

Dear thapa present why no connection is showing after merging the both conn file to db file in time stamp 18:18

18:15 i am getting error here, database is not connecting…. plz someone help

💕❤️❤️💕

Bhaiya source code free m de dete end m akr apne stop lgwa dia … Duniya free m deti h source code ap bhi de dte ….. Ya design kr ke hi dkha dte..

Very great video. May God bless you.

worst video ever

har vedio my ap ki adhi batyn to yhi hti hain ky ye kam us vedio my dkeh lena ye us my dkeh lena ye flaa my dekho fr wo kam flawn my dekho bahi awp ka content h jo us my poori bat btao na ky agy pecxhy ghumaty reho ap

awp ek hi vedio my bta dia kryn ab ye 1 hour ki vedio h my ye dekho fr 2 hour ki wo dekho ajeeb fr is my bhi eror a rhy itny ek ek step pleas explain kia kryn kindly

This is awesome

😂osm irritates sometimes ….!!!

1:06:45 The URL does not change when you click the Register button and render the index page.

registration file code ::

{{>header}}

<section class="vh-100 gradient-custom">

<div class="container py-5 h-100">

<div class="row justify-content-center align-items-center h-100">

<div class="col-12 col-lg-9 col-xl-7">

<div class="card shadow-2-strong card-registration" style="border-radius: 15px;">

<div class="card-body p-4 p-md-5">

<h3 class="mb-4 pb-2 pb-md-0 mb-md-5">Registration Form</h3>

<form action="index.hbs" method="post">

<div class="row">

<div class="col-md-6 mb-4">

<div class="form-outline">

<input type="text" id="firstName" class="form-control form-control-lg" />

<label class="form-label" for="firstName">First Name</label>

</div>

</div>

<div class="col-md-6 mb-4">

<div class="form-outline">

<input type="text" id="lastName" class="form-control form-control-lg" />

<label class="form-label" for="lastName">Last Name</label>

</div>

</div>

</div>

<div class="row">

<div class="col-md-6 mb-4 d-flex align-items-center">

<div class="form-outline datepicker w-100">

<input type="text" class="form-control form-control-lg" id="birthdayDate" />

<label for="birthdayDate" class="form-label">Birthday</label>

</div>

</div>

<div class="col-md-6 mb-4">

<h6 class="mb-2 pb-1">Gender: </h6>

<div class="form-check form-check-inline">

<input class="form-check-input" type="radio" name="inlineRadioOptions" id="femaleGender"

value="option1" checked />

<label class="form-check-label" for="femaleGender">Female</label>

</div>

<div class="form-check form-check-inline">

<input class="form-check-input" type="radio" name="inlineRadioOptions" id="maleGender"

value="option2" />

<label class="form-check-label" for="maleGender">Male</label>

</div>

<div class="form-check form-check-inline">

<input class="form-check-input" type="radio" name="inlineRadioOptions" id="otherGender"

value="option3" />

<label class="form-check-label" for="otherGender">Other</label>

</div>

</div>

</div>

<div class="row">

<div class="col-md-6 mb-4 pb-2">

<div class="form-outline">

<input type="email" id="emailAddress" class="form-control form-control-lg" />

<label class="form-label" for="emailAddress">Email</label>

</div>

</div>

<div class="col-md-6 mb-4 pb-2">

<div class="form-outline">

<input type="tel" id="phoneNumber" class="form-control form-control-lg" />

<label class="form-label" for="phoneNumber">Phone Number</label>

</div>

</div>

</div>

<div class="row">

<div class="col-12">

<select class="select form-control-lg">

<option value="1" disabled>Choose option</option>

<option value="2">Subject 1</option>

<option value="3">Subject 2</option>

<option value="4">Subject 3</option>

</select>

<label class="form-label select-label">Choose option</label>

</div>

</div>

<div class="mt-4 pt-2">

<input class="btn btn-primary btn-lg" type="submit" value="Submit" />

</div>

</form>

</div>

</div>

</div>

</div>

</div>

</section>

index file code :

{{>header}}

</head>

<body>

<!– title –>

<section class="color-section" id="title">

<div class="container-fluid">

<!— Nav Bar —>

<nav class="navbar navbar-expand-lg navbar-dark">

<a class=" navbar-brand" href="">Tindog</a>

<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">

<span class="navbar-toggler-icon"></span>

</button>

<div class="collapse navbar-collapse" id="navbarSupportedContent">

<ul class="navbar-nav ml-auto">

<li class="nav-item">

<a class="nav-link" href="registration">register</a>

</li>

<li class="nav-item">

<a class="nav-link" href="#pricing">Pricing</a>

</li>

<li class="nav-item">

<a class="nav-link" href="#cta">Download</a>

</li>

</ul>

</div>

</nav>

<div class="row">

<div class="col-lg-6">

<h1 class="big-heading">Meet new and interesting dogs nearby.</h1>

<button type="button" class="download-btn btn btn-dark btn-lg "> <i class="fa-brands fa-apple "></i> Download</button>

<button type="button" class=" download-btn btn btn-outline-light btn-lg "> <i class="fa-brands fa-google-play "></i> Download</button>

</div>

<div class="col-lg-6">

<img class="rotate-image" src="images/iphone6.png" alt="iphone-mockup">

</div>

</div>

</div>

</section>

<!– Features –>

<section class="white-section" id="features">

<div class="container-fluid">

<div class="row">

<div class="col-lg-4">

<i class="icon fa-solid fa-circle-check fa-3x"></i>

<h3 class="feature-title">Easy to use.</h3>

<p >So easy to use, even your dog could do it.</p>

</div>

<div class="col-lg-4">

<i class=" icon fa-solid fa-bullseye fa-3x"></i>

<h3 class="feature-title">Elite Clientele</h3>

<p >We have all the dogs, the greatest dogs.</p>

</div>

<div class="col-lg-4 ">

<i class="icon fa-solid fa-heart fa-3x"></i>

<h3 class="feature-title" >Guaranteed to work.</h3>

<p class=>Find the love of your dog's life or your money back.</p>

</div>

</div>

</div>

</section>

<!– Testimonials –>

<section class="color-section" id="testimonials">

<div id="testimonial-carousel" class="carousel slide" data-ride="false">

<div class="carousel-inner">

<div class="container-fluid carousel-item active">

<h2 class="testimonial-text">I no longer have to sniff other dogs for love. I've found the hottest Corgi on TinDog. Woof.</h2>

<img class="testimonial-image" src="images/dog-img.jpg" alt="dog-profile">

<em>Pebbles, New York</em>

</div>

<div class="container-fluid carousel-item">

<h2 class="testimonial-text">My dog used to be so lonely, but with TinDog's help, they've found the love of their life. I think.</h2>

<img class="testimonial-image" src="images/lady-img.jpg" alt="lady-profile">

<em>Beverly, Illinois</em>

</div>

</div>

<a class="carousel-control-prev" href="#testimonial-carousel" role="button" data-slide="prev">

<span class="carousel-control-prev-icon"></span>

</a>

<a class="carousel-control-next" href="#testimonial-carousel" role="button" data-slide="next">

<span class="carousel-control-next-icon"></span>

</a>

</div>

</section>

<!– Press –>

<section class="color-section" id="press">

<img class="press-logo" src="images/techcrunch.png" alt="tc-logo">

<img class="press-logo" src="images/tnw.png" alt="tnw-logo">

<img class="press-logo"src="images/bizinsider.png" alt="biz-insider-logo">

<img class="press-logo" src="images/mashable.png" alt="mashable-logo">

</section>

<!– Pricing –>

<section class="white-section" id="pricing">

<h2 pricing-section-heading>A Plan for Every Dog's Needs</h2>

<p>Simple and affordable price plans for your and your dog.</p>

<div class="row">

<div class=" pricing-card col-lg-4 col-md-6">

<div class="card">

<div class="card-header">

<h3>Chihuahua</h3>

</div>

<div class="card-body">

<h2>Free</h2>

<p>5 Matches Per Day</p>

<p>10 Messages Per Day</p>

<p>Unlimited App Usage</p>

<button class="btn btn-outline-danger btn-lg btn-block" type="button">Sign Up</button>

</div>

</div>

</div>

<div class=" pricing-card col-lg-4 col-md-6">

<div class="card">

<div class="card-header">

<h3>Labrador</h3>

</div>

<div class="card-body">

<h2>$49 / mo</h2>

<p>Unlimited Matches</p>

<p>Unlimited Messages</p>

<p>Unlimited App Usage</p>

<button class="btn btn-danger btn-lg btn-block" type="button">Sign Up</button>

</div>

</div>

</div>

<div class="pricing-card col-lg-4 ">

<div class="card">

<div class="card-header">

<h3>Mastiff</h3>

</div>

<div class="card-body">

<h2>$99 / mo</h2>

<p>Pirority Listing</p>

<p>Unlimited Matches</p>

<p>Unlimited Messages</p>

<p>Unlimited App Usage</p>

<button class="btn btn-danger btn-lg btn-block" type="button">Sign Up</button>

</div>

</div>

</div>

</div>

</section>

<!– Call to Action –>

<section class="color-section"id="cta">

<div class="container-fluid">

<h3 class="big-heading">Find the True Love of Your Dog's Life Today.</h3>

<button class=" download-btn btn btn-dark btn-lg d" type="button"> <i class="fa-brands fa-apple "></i> Download</button>

<button class=" download-btn btn btn-outline-light btn-lg " type="button"><i class="fa-brands fa-google-play "></i> Download</button>

</div>

</section>

<!– Footer –>

<footer class="white-section" id="footer">

<div class="container-fluid">

<i class="social-icon fa-brands fa-facebook"></i>

<a href="https://www.instagram.com/_vaibhav_lande_/"><i class="social-icon fa-brands fa-instagram"></i></a>

<i class="social-icon fa-brands fa-twitter"></i>

<i class="social-icon fa-solid fa-envelope"></i>

<p>© Copyright TinDog</p>

</div>

</footer>

</body>

</html>

sir, ek vedio pharmacy project pr bhi bna diziye

source code???

Thank you for this amazing and informative video. ❤

from where to get 36:44 index.hbs and registration.hbs?

Sir,i am getting no connection how should I fix it

cd kya hai ye

Finally I found it I was seaching for this but never get any single video on youtube….

isska source code millega ky ??

If anyone wants to get source code….then become partner with me…we will divide the amount 100 equally