forgot password js

app.js

@@ -71,7 +71,30 @@ app.get('/aboutUs', (req, res) => {
     return res.status(status.Ok);
 });
 
-app.post('/api/location', async (req,res) => {
+app.get('/forgotPassword', (req, res) => {
+    res.render('forgotPass');
+    return res.status(status.Ok);
+});
+
+app.get('/reset/:token', async (req, res) => {
+    const token = req.params.token;
+
+    const user = await users.findOne({
+        resetToken: token,
+        resetTokenExpires: { $gt: Date.now() },
+    });
+
+    if (!user) {
+        req.session.error = 'reset link not valid or has expired';
+        return res.redirect('/forgotPassword');
+    }
+    res.render('resetPassword', {
+        token: token,
+        errMessage: req.session.error || '',
+    });
+});
+
+app.post('/api/location', async (req, res) => {
     const { latitude, longitude } = req.body;
 
     const response = await fetch(`https://maps.googleapis.com/maps/api/geocode/json?latlng=${latitude},${longitude}&result_type=country&key=${process.env.geolocation_api}`);

package-lock.json

@@ -11,6 +11,7 @@
       "dependencies": {
         "bcrypt": "^5.1.1",
         "connect-mongo": "^5.1.0",
+        "crypto": "^1.0.1",
         "dotenv": "^16.5.0",
         "ejs": "^3.1.10",
         "express": "^5.1.0",
@@ -483,6 +484,12 @@
         "node": ">=6.6.0"
       }
     },
+    "node_modules/crypto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/crypto/-/crypto-1.0.1.tgz",
+      "integrity": "sha512-VxBKmeNcqQdiUQUW2Tzq0t377b54N2bMtXO/qiLa+6eRRmmC4qT3D4OnTGoT/U6O9aklQ/jTwbOtRMTTY8G0Ig==",
+      "deprecated": "This package is no longer supported. It's now a built-in Node module. If you've depended on crypto, you should switch to the one that's built-in."
+    },
     "node_modules/debug": {
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",

package.json

@@ -20,6 +20,7 @@
   "dependencies": {
     "bcrypt": "^5.1.1",
     "connect-mongo": "^5.1.0",
+    "crypto": "^1.0.1",
     "dotenv": "^16.5.0",
     "ejs": "^3.1.10",
     "express": "^5.1.0",

src/auth/forgotPass.js

@@ -0,0 +1,55 @@
+const express = require('express');
+const { server } = require('ws');
+const crypto = require('crypto');
+const nodeMail = require('nodemailer');
+require('dotenv').config();
+
+const transporter = nodeMail.createTransport({
+    service: 'gmail',
+    auth: {
+        user: process.env.EMAIL_USER,
+        pass: process.env.PASS,
+    }
+});
+
+module.exports = (users) => {
+    const router = express.Router();
+
+
+    router.post('/resetPass', async (req, res) => {
+        const { email } = req.body;
+        const user = await users.findOne({ email });
+
+        if (!user) {
+            req.session.error = 'No user found'
+            return res.redirect('/forgotPassword');
+        }
+
+        const token = crypto.randomBytes(32).toString('hex');
+        const expiration = Date.now() + 360000;
+
+        await users.updateOne({ email }, {
+            $set: { resetToken: token, resetTokenExpires: expiration }
+        });
+
+        const resetUrl = `http://localhost:3000/reset/${token}`;
+
+        const mailSend = {
+            from: process.env.EMAIL_USER,
+            to: email,
+            subject: 'Password reset',
+            text: `reset your password here ${resetUrl} \n this link will expire within 1 hour`,
+
+        };
+
+        try {
+            await transporter.sendMail(mailSend);
+            req.session.reset = 'Reset link sent Check your email';
+            res.redirect('/login');
+        } catch (err) {
+            console.log('there was an error', err);
+            res.status(500).send('email failed to send try again');
+        }
+    });
+    return router;
+}

src/router/user.js

@@ -26,7 +26,7 @@ module.exports = (middleware, users, plans) => {
         try {
 
             // console.log(req.user.email);
-            const userPlans = await plans.find({userEmail: req.user.email }).toArray();
+            const userPlans = await plans.find({ userEmail: req.user.email }).toArray();
             // console.log(userPlans);
             res.render('plans', {
                 user: req.user,
@@ -78,12 +78,12 @@ module.exports = (middleware, users, plans) => {
             progress: "0%"
         };
 
-            try{
+        try {
             await plans.insertOne(newPlan);
             req.session.errMessage = "";
             res.redirect('/plans');
         }
-            catch(err){
+        catch (err) {
             console.error("Error saving plan:", err);
             req.session.errMessage = "An error occurred while saving your plan. Please try again.";
             res.status(status.InternalServerError).redirect("/newPlan");

src/views/forgotPass.ejs

@@ -0,0 +1,25 @@
+<%- include("./partials/fileHeader") %>
+
+    <main>
+        <div class="flex justify-center items-center h-screen">
+            <form action="/resetPass" method="POST">
+                <div class="w-96 p-6 shadow-1g bg-white rounded-md">
+                    <h1 class="text-3xl block text-center font-semibold">Reset Password</h1>
+                    <hr class="mt-3">
+                    <div class="mt-3">
+                        <label for="email" class="block text-base mb-2">Email</label>
+                        <input type="text" id="email" name="email"
+                            class="border focus:border-gray-600 w-full rounded-md text-base px-2 py-1 focus:outline-none focus:ring-0 "
+                            placeholder="Enter Email" />
+                    </div>
+                    <div class="mt-5">
+                        <button type="submit"
+                            class="cursor-pointer border-2 border-gray-600 bg-blue-600 text-white py-1 w-full rounded-md hover:bg-transparent hover:text-indigo-700 font-semibold">Send
+                            reset Link</button>
+                    </div>
+                </div>
+            </form>
+        </div>
+    </main>
+
+    <%- include("./partials/footer") %>

src/views/signup.ejs

@@ -1,18 +1,12 @@
 <%- include("./partials/fileHeader") %>
-<%- include("./partials/headerStart") %>
+    <%- include("./partials/headerStart") %>
 
-<main>
+        <main>
             <div class="flex justify-center items-center h-screen">
                 <form action="/signup" method="POST">
                     <div class="w-96 p-6 shadow-1g bg-white rounded-md">
                         <h1 class="text-3xl block text-center font-semibold">Signup</h1>
                         <hr class="mt-3">
-                <div class="mt-3">
-                    <label for="name" class="block text-base mb-2">Name</label>
-                    <input type="text" id="name" name="name"
-                        class="border focus:border-gray-600 w-full rounded-md text-base px-2 py-1 focus:outline-none focus:ring-0 "
-                        placeholder="Enter Name" />
-                </div>
                         <div class="mt-3">
                             <label for="email" class="block text-base mb-2">Email</label>
                             <input type="text" id="email" name="email"
@@ -22,7 +16,7 @@
                         <div class="mt-3">
                             <label for="name" class="block text-base mb-2">Name</label>
                             <input type="text" id="name" name="name"
-                        class="border focus:border-gray-600 w-full text-base px-2 py-1 focus:outline-none focus:ring-0 "
+                                class="border focus:border-gray-600 w-full rounded-md text-base px-2 py-1 focus:outline-none focus:ring-0 "
                                 placeholder="Enter Name" />
                         </div>
                         <div class="mt-3">
@@ -35,7 +29,9 @@
                                 class="border focus:border-gray-600 w-full rounded-md text-base px-2 py-1 focus:outline-none focus:ring-0 "
                                 placeholder="Enter Password" />
                         </div>
-                <div class="text-red-800 font-bold " id="forgor"> <%= errMessage %></div>
+                        <div class="text-red-800 font-bold " id="forgor">
+                            <%= errMessage %>
+                        </div>
                         <div class="mt-5">
                             <button type="submit"
                                 class="border-2 border-gray-600 bg-blue-600 text-white py-1 w-full rounded-md hover:bg-transparent hover:text-indigo-700 font-semibold">Signup</button>
@@ -47,6 +43,6 @@
                     </div>
                 </form>
             </div>
-</main>
+        </main>
 
-<%- include("./partials/footer") %>
+        <%- include("./partials/footer") %>