Implemented Login Functionality and completed the user dashboard page

Author: 5codeman

controllers/user_controller.js

@@ -1,4 +1,6 @@
+const sequelize = require('sequelize');
 const User = require('../models/user');
+const path = require('path');
 
 module.exports.signUp = async (req, res) => {
     try {
@@ -24,4 +26,35 @@ module.exports.signUp = async (req, res) => {
     catch (error) {
         console.log(error);
     }
-};
+};
+
+module.exports.signIn = async function (req, res) {
+    try {
+        const email = req.body.email;
+        const password = req.body.password;
+
+        await User.findOne({ where: { email: email } }).then((user) => {
+            if (!user) {
+                res.status(404).send(`<script> window.location.href='/'; alert('User not found!'); </script>`);
+            }
+
+            else if (user && user.password != password) {
+                res.status(401).send(`<script> window.location.href='/'; alert('Password Incorrect!'); </script>`);
+            }
+
+            else if (user && user.password == password) {
+                res.status(200).send(`<script> window.location.href='/user_dashboard'; </script>`);
+
+            }
+        }).catch((err) => {
+            console.log(err);
+        });
+    }
+    catch (err) {
+        console.log(err);
+    }
+}
+
+module.exports.userDashboard = function (req, res) {
+    res.sendFile(path.join(__dirname, '../public/views/user_dashboard.html'));
+}

public/css/user_dashboard.css

@@ -0,0 +1,89 @@
+html,body {
+  height: 100%;
+  width: 100%;
+  background-color: #effeff;
+}
+
+.editDelete {
+  float: right;
+  margin: 3px;
+  padding: 3px 10px;
+}
+#png {
+  margin-right: 10px;
+}
+#form1 {
+  border-radius: 10px;
+  background-color: #3d5a80;
+  box-shadow: 4px 4px 9px #293241;
+  margin: 20px 193px;
+}
+#table {
+  border-radius: 10px;
+  background-color: #d2eaf7;
+  /* background-image: linear-gradient(to bottom right, #c7e9fd, #3d5a80); */
+  box-shadow: 4px 4px 9px #b8b8b8;
+}
+#submitBtn {
+  width: 140px;
+  background-color: #293241;
+  border-color: #293241;
+  color: white;
+}
+.topBtn {
+  background-color: white;
+  border-color: white;
+  color: #293241;
+}
+#navigation {
+  background-color: #233b64;
+}
+#categoryBtn {
+  background-color: #293241;
+  width: auto;
+  border-radius: 7px;
+  border: none;
+  color: white;
+}
+#category {
+  width: 300px;
+}
+.input-group-text {
+  background-color: #293241;
+  color: white;
+  border: none;
+}
+#description {
+  width: 2000px;
+}
+
+.trStyle {
+  background-color: transparent;
+}
+#categoryBtn:hover,#submitBtn:hover,.editDelete:hover {
+  background-color: #ffffff;
+  color: #293241;
+  border-color: #293241;
+}
+.topBtn:hover {
+  background-color: #3d5a80;
+  color: white;
+  border-color: #3d5a80;
+}
+.editDelete {
+  background-color: #293241;
+  border: none;
+}
+
+#tableHead {
+  background-color: #3d5a80;
+  color: white;
+}
+.page-link {
+  background-color: #3d5a80;
+  color: white;
+}
+.page-link:hover {
+  background-color: #d2eaf7;
+  color: #233b64;
+}