Express JS Tutorial – Basic to Advance 🔥 Registration form using Node.js and MongoDB

Express.js is a web application framework for Node.js, which is designed for building web applications and APIs. In this tutorial, we will create a registration form using Express.js, Node.js, and MongoDB.

Step 1: Setup your environment

First, make sure you have Node.js and MongoDB installed on your machine. You can download and install them from their respective websites. Then, create a new project folder and initialize it with npm.

“`bash
mkdir express-registration-form
cd express-registration-form
npm init -y
“`

Step 2: Install Express.js and other dependencies

Next, install Express.js and other required dependencies such as body-parser, mongoose, and nodemon.

“`bash
npm install express body-parser mongoose nodemon
“`

Step 3: Create a basic server with Express.js

Create a new file named app.js and add the following code to create a basic server with Express.js.

“`javascript
const express = require(‘express’);
const app = express();
const PORT = 3000;

app.get(‘/’, (req, res) => {
res.send(‘Hello World!’);
});

app.listen(PORT, () => {
console.log(`Server is running on http://localhost:${PORT}`);
});
“`

Step 4: Create a registration form

Now, let’s create a registration form with fields like name, email, and password. Add the following code to your app.js file.

“`javascript
app.get(‘/register’, (req, res) => {
res.send(`

Registration Form

Name:

Email:

Password:

Register

`);
});

app.post(‘/register’, (req, res) => {
// Handle registration logic here
});
“`

Step 5: Connect to MongoDB

Now, let’s connect to MongoDB to store the user’s registration data. Add the following code to your app.js file.

“`javascript
const mongoose = require(‘mongoose’);
mongoose.connect(‘mongodb://localhost/express-registration-db’, { useNewUrlParser: true, useUnifiedTopology: true });

const User = mongoose.model(‘User’, {
name: String,
email: String,
password: String
});

app.post(‘/register’, async (req, res) => {
const { name, email, password } = req.body;

try {
const user = new User({ name, email, password });
await user.save();
res.send(‘Registration successful!’);
} catch (error) {
res.send(‘Registration failed!’);
}
});
“`

Step 6: Start your Express server

Finally, start your Express server using nodemon to monitor any changes in your code.

“`bash
nodemon app.js
“`

Congratulations! You have successfully created a registration form using Express.js, Node.js, and MongoDB. You can now test your form by visiting http://localhost:3000/register in your browser.