Login form Using NodeJS and MongoDB (original) (raw)

Last Updated : 27 Feb, 2026

NodeJS login form allows users to log in to the website after they have created their account using the signup form.

We will be using the following technologies:

Steps to Create Project and Install Modules

**Step 1: Start the project using the following command in your project folder

npm init -y

**Step 2: Install the required modules using the following command

npm i express ejs mongoose express-session npm i passport passport-local npm i passport-local-mongoose

**Step 3: Create two folders inside the project directory using the following command

mkdir model mkdir views

**Step 4: Create another file named app.js inside project directory

touch app.js

**Step 5: Navigate inside model folder and create a file User.js which will contain our Schema

cd model touch User.js

**Step 6: Navigate inside views folder and create the following ejs files

cd views touch home.ejs touch login.ejs touch secret.ejs touch register.ejs

**Step 7: Run the following command to ensure all modules are loaded

npm i

**Project Structure

NodejS Folder Structure

The updated dependencies in package.json file.

"dependencies": { "cors": "^2.8.5", "ejs": "^3.1.10", "express": "^5.1.0", "express-session": "^1.18.1", "mongodb": "^6.15.0", "mongoose": "^8.13.2", "passport": "^0.7.0", "passport-local": "^1.0.0", "passport-local-mongoose": "^8.0.0", }

Add the following code in App.js and User.js file

App.js `

// Filename - App.js

const express = require("express"), mongoose = require("mongoose"), passport = require("passport"), LocalStrategy = require("passport-local"), passportLocalMongoose = require("passport-local-mongoose"); const User = require("./model/User"); let app = express();

mongoose.connect("mongodb://localhost/27017");

app.set("view engine", "ejs"); app.use(express.urlencoded({ extended: true })); app.use(require("express-session")({ secret: "Rusty is a dog", resave: false, saveUninitialized: false }));

app.use(passport.initialize()); app.use(passport.session());

passport.use(new LocalStrategy(User.authenticate())); passport.serializeUser(User.serializeUser()); passport.deserializeUser(User.deserializeUser());

// Showing home page app.get("/", function (req, res) { res.render("home"); });

// Showing secret page app.get("/secret", isLoggedIn, function (req, res) { res.render("secret"); });

// Showing register form app.get("/register", function (req, res) { res.render("register"); });

// Handling user signup app.post("/register", async (req, res) => { const user = await User.create({ username: req.body.username, password: req.body.password });

return res.status(200).json(user);

});

// Showing login form app.get("/login", function (req, res) { res.render("login"); });

// Handling user login app.post("/login", async function (req, res) { try { const user = await User.findOne({ username: req.body.username }); if (user) { const result = req.body.password === user.password; if (result) { res.render("secret"); } else { res.status(400).json({ error: "password doesn't match" }); } } else { res.status(400).json({ error: "User doesn't exist" }); } } catch (error) { res.status(400).json({ error }); } });

app.get("/logout", function (req, res) { req.logout(function (err) { if (err) { return next(err); } res.redirect('/'); }); });

function isLoggedIn(req, res, next) { if (req.isAuthenticated()) return next(); res.redirect("/login"); }

let port = process.env.PORT || 3000; app.listen(port, function () { console.log("Server Has Started!"); });

User.js

// Filename - model/User.js

const mongoose = require('mongoose') const Schema = mongoose.Schema const passportLocalMongoose = require('passport-local-mongoose'); var User = new Schema({ username: { type: String }, password: { type: String } })

User.plugin(passportLocalMongoose);

module.exports = mongoose.model('User', User)

`

Add the following codes in the folder of views

home.ejs `

// Filename - views/home.ejs

This is home page

  • Sign up!!
  • Login
  • Logout

    • login.ejs

    // Filename - views/login.ejs

    login

    login

    This is home page

  • Sign up!!
  • Login
  • Logout

    • register.ejs

    // Filename - views/register.ejs

    Sign up form

    Submit

    This is home page

  • Sign up!!
  • Login
  • Logout

    • secret.ejs

    // Filename - views/secret.ejs

    This is secret page

    This is home page

  • Sign up!!
  • Login
  • Logout

    • `

    **Steps to run the application

    **Step 1: To run the above code you should first have the MongoDB server running

    If you do not have the mongoose folder setup follow the article- How to Install MongoDB on Windows.

    After setting up MongoDB start the server using following command

    mongod

    **Step 2: Type the following command in terminal of your project directory

    node app.js

    **Step 3: Open your web browser and type the following address in the URL bar

    http://localhost:3000/

    **Output