ADD STYLING

 THE LOGIN , LOGOUT,SIGNUP OPTIONS ARE DISPLAYED ON THE NAV-BAR

WHEN THE USER IS LOGGED IN ONLY LOGOUT IS DISPLAYED ELSE BOTH LOGIN AND SIGNUP ARE DISPLAYED.

AS WE CANNOT DIRECTLY ACCESS req.user  WE USE res.locals IN MIDDLEWARE IN APP.JS

APP.JS

app.use((req, res, next) => {

  res.locals.success = req.flash("success");

  res.locals.error = req.flash("error");

  res.locals.currUser=req.user;

  next();

});

IN NAVBAR.EJS

    <div class="navbar-nav ms-auto"> ms-auto = margin from start

          <% if (!currUser) {%>

          <a class="nav-link "  href="/signup">Sign Up</a>

          <a class="nav-link" href="/login">Login</a>

          <% } %>

          <% if(currUser) {%>

          <a class="nav-link" href="/logout">Logout</a>

          <% } %>

        </div>