├── .gitignore
├── config
    ├── monkoKEY.js
    └── googleData.js
├── .gitattributes
├── static
    └── images
    │   ├── logo.png
    │   ├── link_shorter.png
    │   └── link_shorter.svg
├── screenshots
    ├── dashboard.png
    └── shortly_main_page.png
├── views
    ├── partials
    │   └── footer.ejs
    ├── success.ejs
    ├── signup.ejs
    ├── login.ejs
    ├── index.ejs
    ├── forgot-password.ejs
    └── dashboard.ejs
├── model
    ├── user.js
    ├── resetTokens.js
    └── url.js
├── package.json
├── README.md
├── controller
    ├── sendMail.js
    ├── passportLocal.js
    ├── googleAuth.js
    ├── routes.js
    └── accountRoutes.js
└── index.js


/.gitignore:
--------------------------------------------------------------------------------
1 | .vscode
2 | node_modules


--------------------------------------------------------------------------------
/config/monkoKEY.js:
--------------------------------------------------------------------------------
1 | module.exports = "<YOUR MONGO URI>";


--------------------------------------------------------------------------------
/.gitattributes:
--------------------------------------------------------------------------------
1 | * linguist-vendored
2 | *.js linguist-vendored=false
3 | 


--------------------------------------------------------------------------------
/static/images/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/desi-programmer/shortly-nodejs/HEAD/static/images/logo.png


--------------------------------------------------------------------------------
/screenshots/dashboard.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/desi-programmer/shortly-nodejs/HEAD/screenshots/dashboard.png


--------------------------------------------------------------------------------
/static/images/link_shorter.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/desi-programmer/shortly-nodejs/HEAD/static/images/link_shorter.png


--------------------------------------------------------------------------------
/config/googleData.js:
--------------------------------------------------------------------------------
1 | module.exports.clientId = "<Add Your Client ID>";
2 | module.exports.clientSecret = "<Add Your Client Secret>";


--------------------------------------------------------------------------------
/screenshots/shortly_main_page.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/desi-programmer/shortly-nodejs/HEAD/screenshots/shortly_main_page.png


--------------------------------------------------------------------------------
/views/partials/footer.ejs:
--------------------------------------------------------------------------------
1 | <div class="container-fluid p-3">
2 |     <div class="row text-center">
3 |         <div class="col-12">
4 |             <p>Learn More at <a href="https://www.desiprogrammer.com">Desi Programmer</a></p>
5 |         </div>
6 |     </div>
7 | </div>


--------------------------------------------------------------------------------
/model/user.js:
--------------------------------------------------------------------------------
 1 | const mongoose = require('mongoose');
 2 | 
 3 | const userSchema = new mongoose.Schema({
 4 |   
 5 |     email: {
 6 |         type: String,
 7 |         required: true,
 8 |     },
 9 |     password: {
10 |         type: String,
11 |     },
12 | 
13 |     isVerified: {
14 |         type: Boolean,
15 |         default: false,
16 |     },
17 | 
18 |     googleId: {
19 |         type: String,
20 |     },
21 |     provider: {
22 |         type: String,
23 |         required: true,
24 |     }
25 | });
26 | 
27 | module.exports = mongoose.model('user', userSchema);


--------------------------------------------------------------------------------
/model/resetTokens.js:
--------------------------------------------------------------------------------
 1 | const mongoose = require('mongoose');
 2 | 
 3 | const resetTokens = new mongoose.Schema({
 4 |     token: {
 5 |         type: String,
 6 |         required: true,
 7 |     },
 8 |     email: {
 9 |         type: String,
10 |         required: true,
11 |     },
12 |     created: {
13 |         type: Date,
14 |         default: () => Date.now(),
15 |     },
16 |     // will automatically delete after 10 min
17 |     // can be a bit delay, because the bg thread runs every 60 sec
18 |     expire_at: { type: Date, default: Date.now, expires: 600 }
19 | });
20 | 
21 | module.exports = mongoose.model('resetTokens', resetTokens);


--------------------------------------------------------------------------------
/model/url.js:
--------------------------------------------------------------------------------
 1 | const mongoose = require('mongoose');
 2 | 
 3 | const urlSchema = new mongoose.Schema({
 4 |     owned : {
 5 |         type : String,
 6 |         required : true,
 7 |     },
 8 |     originalUrl : {
 9 |         type : String, 
10 |         required : true,
11 |     },
12 |     slug : {
13 |         type : String,
14 |         unique : true,
15 |         required : true,
16 |     },
17 |     visits : {
18 |         type : Number,
19 |         default : 0,
20 |     },
21 |     visitsFB : {
22 |         type : Number,
23 |         default : 0,
24 |     },
25 |     visitsIG : {
26 |         type : Number,
27 |         default : 0,
28 |     },
29 |     visitsYT : {
30 |         type : Number,
31 |         default : 0,
32 |     },
33 | 
34 | });
35 | 
36 | module.exports = mongoose.model('url', urlSchema);


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "shortly",
 3 |   "version": "1.0.0",
 4 |   "description": "",
 5 |   "main": "index.js",
 6 |   "scripts": {
 7 |     "start": "nodemon index",
 8 |     "test": "echo \"Error: no test specified\" && exit 1"
 9 |   },
10 |   "keywords": [],
11 |   "author": "",
12 |   "license": "ISC",
13 |   "dependencies": {
14 |     "bcryptjs": "^2.4.3",
15 |     "connect-flash": "^0.1.1",
16 |     "cookie-parser": "^1.4.5",
17 |     "csurf": "^1.11.0",
18 |     "ejs": "^3.1.6",
19 |     "express": "^4.17.1",
20 |     "express-session": "^1.17.1",
21 |     "memorystore": "^1.6.5",
22 |     "mongoose": "^5.11.18",
23 |     "nodemailer": "^6.5.0",
24 |     "passport": "^0.4.1",
25 |     "passport-google-oauth20": "^2.0.0",
26 |     "passport-local": "^1.0.0"
27 |   },
28 |   "devDependencies": {
29 |     "nodemon": "^2.0.7"
30 |   }
31 | }
32 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Shortly - A Short Url Service In Node JS With Data Visualization
 2 | 
 3 | This repo contains code for a Short URl Service Coded In NODE JS !
 4 | 
 5 | ## Tutorial (Shortly) : [Here](https://youtu.be/zuXQH-PDWuY)
 6 | 
 7 | ## Tutorial (Local Auth) : [Here](https://www.youtube.com/watch?v=-ZxXS9gsWX4)
 8 | 
 9 | ## Tutorial (Google Auth) : [Here](https://www.youtube.com/watch?v=d-IToO3gLrM)
10 | 
11 | ## 1. USAGE
12 | 
13 | ### Install All Packages
14 | 
15 | ```bash
16 | npm install express ejs mongoose bcryptjs connect-flash cookie-parser express-session csurf memorystore passport passport-local passport-google-oauth20 nodemailer
17 | ```
18 | 
19 | ### Install Nodemon For Development
20 | 
21 | ```bash
22 | npm install -D nodemon
23 | ```
24 | 
25 | ### Add mongoURI ,Google client ID and Secret, smtp config for sending emails 
26 | ### And Feel free to delete the screenshots directory
27 | 
28 | # Added Options
29 | 
30 | ![Image1](screenshots/shortly_main_page.png)
31 | ![Image2](screenshots/dashboard.png)
32 | 
33 | 
34 | 


--------------------------------------------------------------------------------
/controller/sendMail.js:
--------------------------------------------------------------------------------
 1 | const nodemailer = require("nodemailer");
 2 | 
 3 | var smtpTransport = nodemailer.createTransport({
 4 |   service: "gmail",
 5 |   auth: {
 6 |     user: "<your email>",
 7 |     pass: "<password>",
 8 |   },
 9 | });
10 | 
11 | module.exports.sendResetEmail = async (email, token) => {
12 |    // change first part to your domain
13 |   var url = "http://localhost:8000/user/reset-password?token=" + token;
14 | 
15 |   await smtpTransport.sendMail({
16 |     from: "<your email>",
17 |     to: email,
18 |     subject: "RESET YOUR PASSWORD",
19 |     text: `Click on this link to reset your password ${url}`,
20 |     html: `<h3> Click on this link to reset your password : ${url} </h3>`,
21 |   });
22 | };
23 | 
24 | module.exports.sendVerifyEmail = async (email, token) => {
25 |   // change first part to your domain
26 |   var url = "http://localhost:8000/user/verifyemail?token=" + token;
27 | 
28 |   await smtpTransport.sendMail({
29 |     from: "<your email>",
30 |     to: email,
31 |     subject: "VERIFY Your EMAIL",
32 |     text: `Click on this link to verify ${url}`,
33 |     html: `<h3> Click on this link to verify your email : ${url} </h3>`,
34 |   });
35 | };
36 | 


--------------------------------------------------------------------------------
/controller/passportLocal.js:
--------------------------------------------------------------------------------
 1 | const user = require('../model/user');
 2 | const bcryptjs = require('bcryptjs');
 3 | var localStrategy = require('passport-local').Strategy;
 4 | 
 5 | module.exports = function (passport) {
 6 |     passport.use(new localStrategy({ usernameField: 'email' }, (email, password, done) => {
 7 |         user.findOne({ email: email }, (err, data) => {
 8 |             if (err) throw err;
 9 |             if (!data) {
10 |                 return done(null, false, { message: "User Doesn't Exist !" });
11 |             }
12 |             bcryptjs.compare(password, data.password, (err, match) => {
13 |                 if (err) {
14 |                     return done(null, false);
15 |                 }
16 |                 if (!match) {
17 |                     return done(null, false, { message: "Password Doesn't match !" });
18 |                 }
19 |                 if (match) {
20 |                     return done(null, data);
21 |                 }
22 |             })
23 |         })
24 |     }));
25 | 
26 |     passport.serializeUser(function (user, done) {
27 |         done(null, user.id);
28 |     });
29 | 
30 |     passport.deserializeUser(function (id, done) {
31 |         user.findById(id, function (err, user) {
32 |             done(err, user);
33 |         });
34 |     });
35 | 
36 | }


--------------------------------------------------------------------------------
/views/success.ejs:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | 
 4 | <head>
 5 |     <meta charset="UTF-8">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <meta http-equiv="X-UA-Compatible" content="ie=edge">
 8 |     <link rel="stylesheet" type="text/css" href="https://bootswatch.com/4/united/bootstrap.min.css">
 9 |     <title>Success</title>
10 | </head>
11 | 
12 | <body>
13 |     <div class="container text-center">
14 |         <h3 class="p-4">Welcome <%= user.username %> </h3>
15 |         <h3 class="p-2">If You See This Page <br> Then You Have Logged In Successfully ! </h3>
16 |         <a class="btn btn-danger" href="/logout">Logout</a>
17 |         <div class="container p-3">
18 |             <form action="/addmsg" method="POST">
19 |                 <div class="form-group">
20 |                     <textarea class="form-control" name="msg" id="msg" cols="30" rows="3" maxlength="200"
21 |                         placeholder="Enter Some Message.. 200 characters..."></textarea>
22 |                 </div>
23 |                 <div class="form-group">
24 |                     <button class="btn btn-outline-success" type="submit">Add Message</button>
25 |                 </div>
26 |                 <div>
27 |                     <% user.messages.forEach(function(msg, index){ %>
28 |                     <h4><%= msg %></h4>
29 |                     <% }) %>
30 |                 </div>
31 |             </form>
32 |             <p>
33 |             </p>
34 |         </div>
35 |     </div>
36 | </body>
37 | 
38 | </html>


--------------------------------------------------------------------------------
/index.js:
--------------------------------------------------------------------------------
 1 | const express = require('express');
 2 | const mongoose = require('mongoose');
 3 | const csrf = require('csurf');
 4 | const cookieParser = require('cookie-parser');
 5 | const expressSession = require('express-session');
 6 | var MemoryStore = require('memorystore')(expressSession)
 7 | const passport = require('passport');
 8 | const flash = require('connect-flash');
 9 | 
10 | const app = express();
11 | 
12 | app.set('view engine', 'ejs');
13 | app.set('views', __dirname + '/views',);
14 | 
15 | app.use('/static', express.static(__dirname + '/static'));
16 | 
17 | app.use(express.urlencoded({ extended: true }));
18 | 
19 | const mongoURI = require('./config/monkoKEY');
20 | mongoose.connect(mongoURI, { useNewUrlParser: true, useUnifiedTopology: true, useFindAndModify: false, useCreateIndex: true, },).then(() => console.log("Connected !"),);
21 | 
22 | app.use(cookieParser('random'));
23 | 
24 | app.use(expressSession({
25 |     secret: "random",
26 |     resave: true,
27 |     saveUninitialized: true,
28 |     // setting the max age to longer duration
29 |     maxAge: 24 * 60 * 60 * 1000,
30 |     store: new MemoryStore(),
31 | }));
32 | 
33 | app.use(csrf());
34 | app.use(passport.initialize());
35 | app.use(passport.session());
36 | 
37 | app.use(flash());
38 | 
39 | app.use(function (req, res, next) {
40 |     res.locals.success_messages = req.flash('success_messages');
41 |     res.locals.error_messages = req.flash('error_messages');
42 |     res.locals.error = req.flash('error');
43 |     next();
44 | });
45 | 
46 | app.use(require('./controller/routes.js'));
47 | 
48 | const PORT = process.env.PORT || 8000;
49 | 
50 | app.listen(PORT, () => console.log("Server Started At " + PORT));


--------------------------------------------------------------------------------
/controller/googleAuth.js:
--------------------------------------------------------------------------------
 1 | var GoogleStrategy = require('passport-google-oauth20').Strategy;
 2 | const user = require('../model/user');
 3 | const clientId = require('../config/googleData').clientId;
 4 | const clientSecreT = require('../config/googleData').clientSecret;
 5 | 
 6 | module.exports = function (passport) {
 7 |     passport.use(new GoogleStrategy({
 8 |         clientID: clientId,
 9 |         clientSecret: clientSecreT,
10 |         callbackURL: "http://localhost:8000/google/callback"
11 |     }, (accessToken, refreshToken, profile, done) => {
12 |         console.log(profile.emails[0].value);
13 | 
14 |         // find if a user exist with this email or not
15 |         user.findOne({ email: profile.emails[0].value }).then((data) => {
16 |             if (data) {
17 |                 // user exists
18 |                 // update data
19 |                 // I am skipping that part here, may Update Later
20 |                 return done(null, data);
21 |             } else {
22 |                 // create a user
23 |                 user({
24 |                   
25 |                     email: profile.emails[0].value,
26 |                     googleId: profile.id,
27 |                     password: null,
28 |                     provider: 'google',
29 |                     isVerified: true,
30 |                 }).save(function (err, data) {
31 |                     return done(null, data);
32 |                 });
33 |             }
34 |         });
35 |     }
36 |     ));
37 |     passport.serializeUser(function (user, done) {
38 |         done(null, user.id);
39 |     });
40 | 
41 |     passport.deserializeUser(function (id, done) {
42 |         user.findById(id, function (err, user) {
43 |             done(err, user);
44 |         });
45 |     });
46 | 
47 | }


--------------------------------------------------------------------------------
/static/images/link_shorter.svg:
--------------------------------------------------------------------------------
1 | <svg id="a5349118-8809-40c5-ab34-fa23ee5ede74" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="761" height="700.71023" viewBox="0 0 761 700.71023"><title>link</title><path d="M261.134,348.56808c12.42842,23.049,38.806,32.94351,38.806,32.94351s6.22712-27.47543-6.2013-50.52448-38.806-32.94351-38.806-32.94351S248.70559,325.519,261.134,348.56808Z" transform="translate(-219.5 -99.64489)" fill="#2f2e41"/><path d="M269.67653,340.98511c22.43841,13.49969,31.08016,40.3138,31.08016,40.3138s-27.73812,4.92678-50.17653-8.57291S219.5,332.4122,219.5,332.4122,247.23811,327.48541,269.67653,340.98511Z" transform="translate(-219.5 -99.64489)" fill="#0003ff"/><path d="M980.5,723.35511c0,24.30053-57.75527,77-129,77s-129-52.69947-129-77,57.75527-11,129-11S980.5,699.05458,980.5,723.35511Z" transform="translate(-219.5 -99.64489)" fill="#3f3d56"/><path d="M980.5,723.35511c0,24.30053-57.75527,77-129,77s-129-52.69947-129-77,57.75527-11,129-11S980.5,699.05458,980.5,723.35511Z" transform="translate(-219.5 -99.64489)" opacity="0.1"/><ellipse cx="632" cy="623.71023" rx="129" ry="44" fill="#3f3d56"/><rect x="76" y="301.71023" width="410" height="234" fill="#f1f1f1"/><ellipse cx="677.5" cy="40.71023" rx="39.5" ry="37" fill="#2f2e41"/><path d="M782,370.85511l-10,14s-48,10-30,25,44-14,44-14l14-18Z" transform="translate(-219.5 -99.64489)" fill="#ffb8b8"/><path d="M834,211.85511s-13,0-16,18-6,78-6,78-42,55-35,62,15,20,20,18,48-61,48-61Z" transform="translate(-219.5 -99.64489)" fill="#0003ff"/><path d="M834,211.85511s-13,0-16,18-6,78-6,78-42,55-35,62,15,20,20,18,48-61,48-61Z" transform="translate(-219.5 -99.64489)" opacity="0.1"/><path d="M874,160.85511s-1,39-13,41-8,15-8,15,39,23,65,0l5-12s-18-13-10-31Z" transform="translate(-219.5 -99.64489)" fill="#ffb8b8"/><path d="M807,400.85511s-59,110-37,144,55,104,60,104,33-14,31-23-32-76-40-82-4-22-3-23,34-54,34-54-1,84,3,97-1,106,4,110,28,11,32,5,16-97,8-118l15-144Z" transform="translate(-219.5 -99.64489)" fill="#2f2e41"/><path d="M861,667.85511l-25,46s-36,26-11,30,40-6,40-6l22-16v-46Z" transform="translate(-219.5 -99.64489)" fill="#2f2e41"/><path d="M827,641.85511l13,31s5,13,0,16-19,21-10,23a29.29892,29.29892,0,0,0,5.49537.5463,55.56588,55.56588,0,0,0,40.39769-16.43935L884,687.85511s-27.77007-63.94827-27.385-63.47413S827,641.85511,827,641.85511Z" transform="translate(-219.5 -99.64489)" fill="#2f2e41"/><circle cx="679.5" cy="51.21023" r="34" fill="#ffb8b8"/><path d="M918.5,198.35511l-10.5,10.5s-32,12-47,0c0,0,5.5-11.5,5.5-10.5s-43.5,7.5-47.5,25.5,3,49,3,49-28,132-17,135,114,28,113,9,8-97,8-97l35-67s-5-22-17-29S918.5,198.35511,918.5,198.35511Z" transform="translate(-219.5 -99.64489)" fill="#0003ff"/><path d="M874,393.85511l-13,8s-50,34-24,40,41-24,41-24l10-12Z" transform="translate(-219.5 -99.64489)" fill="#ffb8b8"/><path d="M948,246.85511l9,9s6,84-6,101-67,63-70,60-22-18-18-20,57.18287-57.56942,57.18287-57.56942L916,261.85511Z" transform="translate(-219.5 -99.64489)" opacity="0.1"/><path d="M952,243.85511l9,9s6,84-6,101-67,63-70,60-22-18-18-20,57.18287-57.56942,57.18287-57.56942L920,258.85511Z" transform="translate(-219.5 -99.64489)" fill="#0003ff"/><path d="M884.93835,102.56024s-11.55751-4.20273-27.31774,4.72807l8.40545,2.10136s-12.60818,1.05069-14.18421,17.8616h5.77876s-3.67739,14.70955,0,18.91228l2.364-4.4654,6.82944,13.65887,1.576-6.82943,3.15205,1.05068,2.10136-11.03216s5.25341,7.88011,9.45614,8.40545v-6.82943s11.55751,13.13353,15.23489,12.60819l-5.25341-7.35478,7.35478,1.576-3.15205-5.25341,18.91228,5.25341-4.20273-5.25341,13.13353,4.20273,6.30409,2.62671s8.9308-20.48831-3.67738-34.67252S896.75852,96.51882,884.93835,102.56024Z" transform="translate(-219.5 -99.64489)" fill="#2f2e41"/><path d="M554.59811,528.43759q-1.25967.794-2.60744,1.47382a30.87649,30.87649,0,0,1-41.42627-13.64933l-6.65209-13.19072,4.465-2.251,6.65209,13.19073a25.84163,25.84163,0,1,0,46.14646-23.27365l-27.93638-55.39357A25.84162,25.84162,0,1,0,487.093,458.61749l9.89088,19.612-4.465,2.251L482.628,460.86852a30.84193,30.84193,0,0,1,55.07639-27.7757l27.93637,55.39356a30.84665,30.84665,0,0,1-11.04267,39.95121Z" transform="translate(-219.5 -99.64489)" fill="#3f3d56"/><path d="M557.3,596.80949q-1.24231.783-2.57748,1.45725a30.87615,30.87615,0,0,1-41.42627-13.64933l-27.93638-55.39356a30.84193,30.84193,0,0,1,55.07639-27.77571L547.77488,516l-4.465,2.251-7.33863-14.55188a25.84162,25.84162,0,1,0-46.14645,23.27365l27.93637,55.39356a25.84163,25.84163,0,1,0,46.14646-23.27365l-9.61614-19.0671,4.465-2.251,9.61614,19.0671A30.88584,30.88584,0,0,1,557.3,596.80949Z" transform="translate(-219.5 -99.64489)" fill="#3f3d56"/><path d="M756.5,637.35511h-462v-257h462Zm-460-2h458v-253h-458Z" transform="translate(-219.5 -99.64489)" fill="#2f2e41"/></svg>


--------------------------------------------------------------------------------
/views/signup.ejs:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 |     <meta charset="UTF-8">
  6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7 |     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8 |     <!-- Font  -->
  9 |     <link rel="preconnect" href="https://fonts.gstatic.com">
 10 |     <link href="https://fonts.googleapis.com/css2?family=Recursive:wght@500&display=swap" rel="stylesheet">
 11 |     <!-- Bootstrap CDN  -->
 12 |     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet"
 13 |         integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
 14 |     <title>Shortly</title>
 15 |     <style>
 16 |         body {
 17 |             font-family: 'Recursive', sans-serif;
 18 |             font-size: larger;
 19 |         }
 20 | 
 21 |         .customborder {
 22 |             border-radius: 2%;
 23 |             border: 2px solid #E95420;
 24 |         }
 25 |     </style>
 26 | </head>
 27 | 
 28 | <body>
 29 | 
 30 |     <!-- navbar  -->
 31 |     <nav class="navbar navbar-expand-lg navbar-light p-4">
 32 |         <div class="container">
 33 |             <a class="navbar-brand" href="/">
 34 |                 <img src="/static/images/logo.png" width="150" height="36" alt="">
 35 |             </a>
 36 |             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
 37 |                 aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
 38 |                 <span class="navbar-toggler-icon"></span>
 39 |             </button>
 40 |             <div class="collapse navbar-collapse" id="navbarNav">
 41 | 
 42 |                 <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
 43 |                     <li class="nav-item">
 44 |                         <a class="nav-link" aria-current="page" href="/">Home</a>
 45 |                     </li>
 46 |                     <li class="nav-item">
 47 |                         <a class="nav-link" href="/login">Login</a>
 48 |                     </li>
 49 |                     <li class="nav-item">
 50 |                         <a class="nav-link active" href="">Signup</a>
 51 |                     </li>
 52 |                 </ul>
 53 |             </div>
 54 |         </div>
 55 |     </nav>
 56 |     <!-- navbar end  -->
 57 | 
 58 | 
 59 |     <div class="container">
 60 |         <h1 class="text-center p-3">Register Yourself</h1>
 61 |         <div style="margin: 0 auto;" class="col-12 col-md-6 col-lg-5 p-5 customborder">
 62 | 
 63 |             <% if(typeof err !='undefined' ){ %>
 64 |                 <div class="alert alert-danger alert-dismissible fade show" role="alert">
 65 |                     <strong> Error </strong>
 66 |                     <%= err %>.
 67 |                         <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
 68 |                 </div>
 69 |                 <% } %>
 70 | 
 71 |                     <form action="/signup" method="POST">
 72 |                         <input type="hidden" name="_csrf" value="<%= csrfToken %>">
 73 |                         <div class="mb-3">
 74 |                             <label for="email">Enter Your Email</label>
 75 |                             <input type="email" class="form-control form-control-lg" name="email" id="email"
 76 |                                 autocomplete="off" placeholder="Email">
 77 |                         </div>
 78 |                         <div class="mb-3">
 79 |                             <label for="password">Choose A Password</label>
 80 |                             <input type="password" class="form-control form-control-lg" name="password" id="password"
 81 |                                 autocomplete="off" placeholder="Password">
 82 |                         </div>
 83 |                         <div class="mb-3">
 84 |                             <label for="confirmpassword">Confirm Your Password</label>
 85 |                             <input type="password" class="form-control form-control-lg" name="confirmpassword"
 86 |                                 id="confirmpassword" autocomplete="off" placeholder="Confirm Password">
 87 |                         </div>
 88 |                         <div class="d-grid gap-3 mb-3">
 89 |                             <input type="submit" class="btn btn-lg btn-outline-primary" value="Register">
 90 |                             <a class="btn btn-lg btn-success" href="">Continue With Google</a>
 91 |                         </div>
 92 |                         <p>Already Registered ? <a class="card-link" href="/login">LOGIN Here</a> </p>
 93 |                     </form>
 94 |         </div>
 95 |     </div>
 96 | 
 97 |     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js"
 98 |         integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW"
 99 |         crossorigin="anonymous"></script>
100 | 
101 | </body>
102 | 
103 | </html>


--------------------------------------------------------------------------------
/views/login.ejs:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 |   <head>
  4 |     <meta charset="UTF-8" />
  5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6 |     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  7 |     <!-- Font  -->
  8 |     <link rel="preconnect" href="https://fonts.gstatic.com" />
  9 |     <link
 10 |       href="https://fonts.googleapis.com/css2?family=Recursive:wght@500&display=swap"
 11 |       rel="stylesheet"
 12 |     />
 13 |     <!-- Bootstrap CDN  -->
 14 |     <link
 15 |       href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css"
 16 |       rel="stylesheet"
 17 |       integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1"
 18 |       crossorigin="anonymous"
 19 |     />
 20 |     <title>Shortly</title>
 21 |     <style>
 22 |       body {
 23 |         font-family: "Recursive", sans-serif;
 24 |         font-size: larger;
 25 |       }
 26 | 
 27 |       .customborder {
 28 |         border-radius: 2%;
 29 |         border: 2px solid #e95420;
 30 |       }
 31 |     </style>
 32 |   </head>
 33 | 
 34 |   <body>
 35 |    <!-- navbar  -->
 36 |    <nav class="navbar navbar-expand-lg navbar-light p-4">
 37 |     <div class="container">
 38 |         <a class="navbar-brand" href="/">
 39 |             <img src="/static/images/logo.png" width="150" height="36" alt="">
 40 |         </a>
 41 |         <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
 42 |             aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
 43 |             <span class="navbar-toggler-icon"></span>
 44 |         </button>
 45 |         <div class="collapse navbar-collapse" id="navbarNav">
 46 | 
 47 |             <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
 48 |                 <li class="nav-item">
 49 |                     <a class="nav-link" aria-current="page" href="/">Home</a>
 50 |                 </li>
 51 |                 <li class="nav-item">
 52 |                     <a class="nav-link active" href="">Login</a>
 53 |                 </li>
 54 |                 <li class="nav-item">
 55 |                     <a class="nav-link" href="/signup">Signup</a>
 56 |                 </li>
 57 |             </ul>
 58 |         </div>
 59 |     </div>
 60 | </nav>
 61 | <!-- navbar end  -->
 62 | 
 63 |     <div class="container">
 64 |       <h1 class="text-center p-3">Login Here</h1>
 65 |       <div
 66 |         style="margin: 0 auto"
 67 |         class="col-12 col-md-6 col-lg-5 p-5 customborder"
 68 |       >
 69 |         <% if( error !="" ){ %>
 70 |         <div
 71 |           class="alert alert-danger alert-dismissible fade show"
 72 |           role="alert"
 73 |         >
 74 |           <strong> Error </strong>
 75 |           <%= error %>.
 76 |           <button
 77 |             type="button"
 78 |             class="btn-close"
 79 |             data-bs-dismiss="alert"
 80 |             aria-label="Close"
 81 |           ></button>
 82 |         </div>
 83 |         <% } %>
 84 | 
 85 |         <!-- if someone tried to access a protected route  -->
 86 |         <!-- this flash message will show them to login first  -->
 87 | 
 88 |         <% if( error_messages !="" ){ %>
 89 |           <div class="alert alert-danger alert-dismissible fade show" role="alert">
 90 |               <strong> Error </strong>
 91 |               <%= error_messages %>.
 92 |                   <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
 93 |           </div>
 94 |           <% } %>
 95 | 
 96 |         <form action="/login" , method="POST">
 97 |           <input type="hidden" name="_csrf" value="<%= csrfToken %>" />
 98 |           <div class="mb-3">
 99 |             <label for="username">Enter Your Email</label>
100 |             <input
101 |               type="email"
102 |               class="form-control form-control-lg"
103 |               name="email"
104 |               id="username"
105 |               autocomplete="off"
106 |               placeholder="Email"
107 |             />
108 |           </div>
109 |           <div class="mb-3">
110 |             <label for="password">Enter Your Password</label>
111 |             <input
112 |               type="password"
113 |               class="form-control form-control-lg"
114 |               name="password"
115 |               id="password"
116 |               autocomplete="off"
117 |               placeholder="Password"
118 |             />
119 |           </div>
120 |           <div class="d-grid gap-3 mb-3">
121 |             <input
122 |               type="submit"
123 |               class="btn btn-lg btn-block btn-outline-primary"
124 |               value="Login"
125 |             />
126 |             <a class="btn btn-lg btn-success" href="/google"
127 |               >Continue With Google</a
128 |             >
129 |           </div>
130 |           <p>New Here ? <a class="card-link" href="/signup">Register Now</a></p>
131 |           <!-- added a new button for redirecting to forgot password page  -->
132 |           <p>
133 |             <a class="card-link" href="/user/forgot-password"
134 |               >Forgot Password</a
135 |             >
136 |           </p>
137 |         </form>
138 |       </div>
139 |     </div>
140 | 
141 |     <script
142 |       src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js"
143 |       integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW"
144 |       crossorigin="anonymous"
145 |     ></script>
146 |   </body>
147 | </html>
148 | 


--------------------------------------------------------------------------------
/views/index.ejs:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 |   <head>
  4 |     <!-- Required meta tags -->
  5 |     <meta charset="utf-8" />
  6 |     <meta name="viewport" content="width=device-width, initial-scale=1" />
  7 |     <!-- Font  -->
  8 |     <link rel="preconnect" href="https://fonts.gstatic.com" />
  9 |     <link
 10 |       href="https://fonts.googleapis.com/css2?family=Recursive:wght@500&display=swap"
 11 |       rel="stylesheet"
 12 |     />
 13 |     <!-- Bootstrap CSS -->
 14 |     <link
 15 |       href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css"
 16 |       rel="stylesheet"
 17 |       integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1"
 18 |       crossorigin="anonymous"
 19 |     />
 20 | 
 21 |     <link
 22 |       rel="stylesheet"
 23 |       href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.0/font/bootstrap-icons.css"
 24 |     />
 25 | 
 26 |     <title>Shortly</title>
 27 |   </head>
 28 |   <style>
 29 |       body {
 30 |         font-family: "Recursive", sans-serif;
 31 |         font-size: larger;
 32 |       }
 33 |     .bi {
 34 |       color: #0003ff;
 35 |     }
 36 |   </style>
 37 | 
 38 |   <body>
 39 |     <!-- navbar  -->
 40 |     <nav class="navbar navbar-expand-lg navbar-light p-4">
 41 |       <div class="container">
 42 |         <a class="navbar-brand" href="#">
 43 |           <img
 44 |             src="/static/images/logo.png"
 45 |             width="150"
 46 |             height="36"
 47 |             alt="Logo"
 48 |           />
 49 |         </a>
 50 |         <button
 51 |           class="navbar-toggler"
 52 |           type="button"
 53 |           data-bs-toggle="collapse"
 54 |           data-bs-target="#navbarNav"
 55 |           aria-controls="navbarNav"
 56 |           aria-expanded="false"
 57 |           aria-label="Toggle navigation"
 58 |         >
 59 |           <span class="navbar-toggler-icon"></span>
 60 |         </button>
 61 |         <div class="collapse navbar-collapse" id="navbarNav">
 62 |           <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
 63 |             <li class="nav-item">
 64 |               <a class="nav-link active" aria-current="page" href="#">Home</a>
 65 |             </li>
 66 |             <% if(logged){ %>
 67 |             <li class="nav-item">
 68 |               <a class="nav-link" href="/logout">Logout</a>
 69 |             </li>
 70 |             <% }else{ %>
 71 |             <li class="nav-item">
 72 |               <a class="nav-link" href="/login">Login</a>
 73 |             </li>
 74 |             <li class="nav-item">
 75 |               <a class="nav-link" href="/signup">Signup</a>
 76 |             </li>
 77 |             <% } %>
 78 |             <li class="nav-item">
 79 |               <a class="nav-link" href="#features">Features</a>
 80 |             </li>
 81 |           </ul>
 82 |         </div>
 83 |       </div>
 84 |     </nav>
 85 |     <!-- navbar end  -->
 86 | 
 87 |     <div class="container py-3">
 88 |       <div class="row justify-content-center align-items-center">
 89 |         <div class="col-10 col-md-6 text-center">
 90 |           <% if(typeof err !='undefined' ){ %> <% if(err){ %>
 91 |           <div
 92 |             class="alert alert-danger alert-dismissible fade show"
 93 |             role="alert"
 94 |           >
 95 |             <strong>ERROR </strong>
 96 |             Can't find the Short Url .
 97 |             <button
 98 |               type="button"
 99 |               class="btn-close"
100 |               data-bs-dismiss="alert"
101 |               aria-label="Close"
102 |             ></button>
103 |           </div>
104 | 
105 |           <% } %> <% } %>
106 | 
107 |           <img
108 |             src="/static/images/link_shorter.png"
109 |             class="img-fluid"
110 |             alt="Banner"
111 |           />
112 |           <h1>Shorten Any URL</h1>
113 |           <h2>And Get deep Analytics from them !</h2>
114 | 
115 |           <a class="btn btn-lg btn-primary mt-5" href="/dashboard">Start Creating Now</a>
116 |         </div>
117 |       </div>
118 |     </div>
119 | 
120 |     <div id="features" class="container p-5">
121 |       <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 justify-content-center g-3">
122 |           <div class="col">
123 |               <div class="card text-center h-100" >
124 |                   <i style="font-size: 3em;" class="bi bi-bar-chart-line"></i>
125 |                   <div class="card-body">
126 |                     <h3 class="card-title">Easy Analytics</h3>
127 |                     <p class="card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam esse debitis, iure nobis quasi magnam magni facere ad commodi iste.</p>
128 |                   
129 |                   </div>
130 |                 </div>
131 |           </div>
132 |           <div class="col">
133 |               <div class="card text-center h-100" >
134 |                   <i style="font-size: 3em;" class="bi bi-cpu"></i>
135 |                   <div class="card-body">
136 |                     <h3 class="card-title">Fast And Powerful</h3>
137 |                     <p class="card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam esse debitis, iure nobis quasi magnam magni facere ad commodi iste.</p>
138 |                   
139 |                   </div>
140 |                 </div>
141 |           </div>
142 |           <div class="col">
143 |               <div class="card text-center h-100" >
144 |                   <i  style="font-size: 3em;" class="bi bi-megaphone"></i>
145 |                   <div class="card-body">
146 |                     <h3 class="card-title">Who Drives Traffic</h3>
147 |                     <p class="card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam esse debitis, iure nobis quasi magnam magni facere ad commodi iste.</p>
148 |                   
149 |                   </div>
150 |                 </div>
151 |           </div>
152 |       </div>
153 |   </div>
154 | 
155 |     <%- include('./partials/footer.ejs'); %>
156 | 
157 |     <script
158 |       src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js"
159 |       integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW"
160 |       crossorigin="anonymous"
161 |     ></script>
162 |   </body>
163 | </html>
164 | 


--------------------------------------------------------------------------------
/views/forgot-password.ejs:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 |   <head>
  4 |     <meta charset="UTF-8" />
  5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6 |     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  7 |     <!-- Font  -->
  8 |     <link rel="preconnect" href="https://fonts.gstatic.com" />
  9 |     <link
 10 |       href="https://fonts.googleapis.com/css2?family=Recursive:wght@500&display=swap"
 11 |       rel="stylesheet"
 12 |     />
 13 |     <!-- Bootstrap CDN  -->
 14 |     <link
 15 |       href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css"
 16 |       rel="stylesheet"
 17 |       integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1"
 18 |       crossorigin="anonymous"
 19 |     />
 20 |     <title>Authentications</title>
 21 |     <style>
 22 |       body {
 23 |         font-family: "Recursive", sans-serif;
 24 |         font-size: larger;
 25 |       }
 26 | 
 27 |       .customborder {
 28 |         border-radius: 2%;
 29 |         border: 2px solid #e95420;
 30 |       }
 31 |     </style>
 32 |   </head>
 33 | 
 34 |   <body>
 35 |     <!-- navbar  -->
 36 |     <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
 37 |       <div class="container-fluid">
 38 |         <a class="navbar-brand" href="#">Authentications</a>
 39 |         <button
 40 |           class="navbar-toggler"
 41 |           type="button"
 42 |           data-bs-toggle="collapse"
 43 |           data-bs-target="#navbarNav"
 44 |           aria-controls="navbarNav"
 45 |           aria-expanded="false"
 46 |           aria-label="Toggle navigation"
 47 |         >
 48 |           <span class="navbar-toggler-icon"></span>
 49 |         </button>
 50 |         <div class="collapse navbar-collapse" id="navbarNav">
 51 |           <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
 52 |             <li class="nav-item">
 53 |               <a class="nav-link" aria-current="page" href="#">Home</a>
 54 |             </li>
 55 |             <li class="nav-item">
 56 |               <a class="nav-link active" href="">Login</a>
 57 |             </li>
 58 |             <li class="nav-item">
 59 |               <a class="nav-link" href="/signup">Signup</a>
 60 |             </li>
 61 |           </ul>
 62 |         </div>
 63 |       </div>
 64 |     </nav>
 65 |     <!-- navbar end  -->
 66 | 
 67 |     <div class="container">
 68 |       <h1 class="text-center p-3">Reset Your Password</h1>
 69 |       <div
 70 |         style="margin: 0 auto"
 71 |         class="col-12 col-md-6 col-lg-5 p-5 customborder"
 72 |       >
 73 |         <% if(typeof reset !='undefined' ){ %> <% if( reset){ %> <% if(typeof
 74 |         err !='undefined' ){ %> <% if( err !="" ){ %>
 75 |         <div
 76 |           class="alert alert-danger alert-dismissible fade show"
 77 |           role="alert"
 78 |         >
 79 |           <strong> Error </strong>
 80 |           <%= err %>.
 81 |           <button
 82 |             type="button"
 83 |             class="btn-close"
 84 |             data-bs-dismiss="alert"
 85 |             aria-label="Close"
 86 |           ></button>
 87 |         </div>
 88 |         <% } %> <% } %>
 89 | 
 90 |         <!-- // render the form to reset password  -->
 91 |         <form action="/user/reset-password" , method="POST">
 92 |           <input type="hidden" name="_csrf" value="<%= csrfToken %>" />
 93 |           <div class="mb-3">
 94 |             <label for="password">Enter New Password</label>
 95 |             <input
 96 |               type="password"
 97 |               class="form-control form-control-lg"
 98 |               name="password"
 99 |               id="password"
100 |               autocomplete="off"
101 |               placeholder="Password"
102 |             />
103 |           </div>
104 |           <div class="mb-3">
105 |             <label for="password">Confirm New Password</label>
106 |             <input
107 |               type="password"
108 |               class="form-control form-control-lg"
109 |               name="password2"
110 |               id="password"
111 |               autocomplete="off"
112 |               placeholder="Password Again"
113 |             />
114 |           </div>
115 |           <input type="hidden" name="email" value="<%= email %>" />
116 |           <div class="d-grid gap-3 mb-3">
117 |             <input
118 |               type="submit"
119 |               class="btn btn-lg btn-block btn-outline-success"
120 |               value="Reset Password"
121 |             />
122 |           </div>
123 |         </form>
124 | 
125 |         <% }else{ %> <% } %> <% }else{ %>
126 | 
127 |         <!-- // render the form to send reset link -->
128 |         <% if(typeof msg !='undefined' ){ %> <% if( msg !="" ){ %>
129 |         <div
130 |           class="alert alert-<%= type %> alert-dismissible fade show"
131 |           role="alert"
132 |         >
133 |           <strong> Error </strong>
134 |           <%= msg %>.
135 |           <button
136 |             type="button"
137 |             class="btn-close"
138 |             data-bs-dismiss="alert"
139 |             aria-label="Close"
140 |           ></button>
141 |         </div>
142 |         <% } %> <% } %>
143 | 
144 |         <form action="/user/forgot-password" , method="POST">
145 |           <input type="hidden" name="_csrf" value="<%= csrfToken %>" />
146 |           <div class="mb-3">
147 |             <label for="email">Enter Your Email</label>
148 |             <input
149 |               type="email"
150 |               class="form-control form-control-lg"
151 |               name="email"
152 |               id="email"
153 |               autocomplete="off"
154 |               placeholder="Email"
155 |             />
156 |           </div>
157 | 
158 |           <div class="d-grid gap-3 mb-3">
159 |             <input
160 |               type="submit"
161 |               class="btn btn-lg btn-block btn-outline-success"
162 |               value="Send Reset Link"
163 |             />
164 |           </div>
165 |         </form>
166 |         <% } %>
167 |       </div>
168 |     </div>
169 | 
170 |     <script
171 |       src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js"
172 |       integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW"
173 |       crossorigin="anonymous"
174 |     ></script>
175 |   </body>
176 | </html>
177 | 


--------------------------------------------------------------------------------
/controller/routes.js:
--------------------------------------------------------------------------------
  1 | const express = require('express');
  2 | const router = express.Router();
  3 | const user = require('../model/user');
  4 | const urls = require('../model/url');
  5 | const bcryptjs = require('bcryptjs');
  6 | const passport = require('passport');
  7 | require('./passportLocal')(passport);
  8 | require('./googleAuth')(passport);
  9 | const userRoutes = require('./accountRoutes');
 10 | 
 11 | function checkAuth(req, res, next) {
 12 |     if (req.isAuthenticated()) {
 13 |         res.set('Cache-Control', 'no-cache, private, no-store, must-revalidate, post-check=0, pre-check=0');
 14 |         next();
 15 |     } else {
 16 |         req.flash('error_messages', "Please Login to continue !");
 17 |         res.redirect('/login');
 18 |     }
 19 | }
 20 | 
 21 | 
 22 | router.get('/login', (req, res) => {
 23 |     res.render("login", { csrfToken: req.csrfToken() });
 24 | });
 25 | 
 26 | router.get('/signup', (req, res) => {
 27 |     res.render("signup", { csrfToken: req.csrfToken() });
 28 | });
 29 | 
 30 | router.post('/signup', (req, res) => {
 31 |     // get all the values 
 32 |     const { email, password, confirmpassword } = req.body;
 33 |     // check if the are empty 
 34 |     if (!email || !password || !confirmpassword) {
 35 |         res.render("signup", { err: "All Fields Required !", csrfToken: req.csrfToken() });
 36 |     } else if (password != confirmpassword) {
 37 |         res.render("signup", { err: "Password Don't Match !", csrfToken: req.csrfToken() });
 38 |     } else {
 39 | 
 40 |         // validate email and username and password 
 41 |         // skipping validation
 42 |         // check if a user exists
 43 |         user.findOne({ email: email }, function (err, data) {
 44 |             if (err) throw err;
 45 |             if (data) {
 46 |                 res.render("signup", { err: "User Exists, Try Logging In !", csrfToken: req.csrfToken() });
 47 |             } else {
 48 |                 // generate a salt
 49 |                 bcryptjs.genSalt(12, (err, salt) => {
 50 |                     if (err) throw err;
 51 |                     // hash the password
 52 |                     bcryptjs.hash(password, salt, (err, hash) => {
 53 |                         if (err) throw err;
 54 |                         // save user in db
 55 |                         user({
 56 |                             email: email,
 57 |                             password: hash,
 58 |                             googleId: null,
 59 |                             provider: 'email',
 60 |                         }).save((err, data) => {
 61 |                             if (err) throw err;
 62 |                             // login the user
 63 |                             // use req.login
 64 |                             // redirect , if you don't want to login
 65 |                             res.redirect('/login');
 66 |                         });
 67 |                     })
 68 |                 });
 69 |             }
 70 |         });
 71 |     }
 72 | });
 73 | 
 74 | router.post('/login', (req, res, next) => {
 75 |     passport.authenticate('local', {
 76 |         failureRedirect: '/login',
 77 |         successRedirect: '/dashboard',
 78 |         failureFlash: true,
 79 |     })(req, res, next);
 80 | });
 81 | 
 82 | router.get('/logout', (req, res) => {
 83 |     req.logout();
 84 |     req.session.destroy(function (err) {
 85 |         res.redirect('/');
 86 |     });
 87 | });
 88 | 
 89 | router.get('/google', passport.authenticate('google', { scope: ['profile', 'email',] }));
 90 | 
 91 | router.get('/google/callback', passport.authenticate('google', { failureRedirect: '/login' }), (req, res) => {
 92 |     res.redirect('/dashboard');
 93 | });
 94 | 
 95 | router.get('/dashboard', checkAuth, (req, res) => { 
 96 |     urls.find({ owned : req.user.email }, (err, data) => {
 97 |         if(err) throw err; 
 98 |         res.render('dashboard', { verified: req.user.isVerified, logged: true, csrfToken: req.csrfToken(), urls : data });
 99 |         
100 |     }); 
101 | });
102 | 
103 | 
104 | router.post('/create', checkAuth, (req, res) => {
105 |     const { original, short } = req.body;
106 | 
107 |     if (!original || !short) {
108 | 
109 |         res.render('dashboard', { verified: req.user.isVerified, logged: true, csrfToken: req.csrfToken(), err: "Empty Fields !" });
110 |     } else {
111 |         urls.findOne({ slug: short }, (err, data) => {
112 |             if (err) throw err;
113 |             if (data) {
114 |                 res.render('dashboard', { verified: req.user.isVerified, logged: true, csrfToken: req.csrfToken(), err: "Try Different Short Url, This exists !" });
115 | 
116 |             } else {
117 |                 urls({
118 |                     originalUrl: original,
119 |                     slug: short,
120 |                     owned: req.user.email,
121 |                 }).save((err) => {
122 |                     res.redirect('/dashboard');
123 |                 });
124 |             }
125 |         })
126 |     }
127 | 
128 | });
129 | 
130 | router.use(userRoutes);
131 | 
132 | 
133 | router.get('/:slug?', async (req, res) => {
134 | 
135 |     if (req.params.slug != undefined) {
136 |         var data = await urls.findOne({ slug: req.params.slug });
137 |         if (data) {
138 |             data.visits = data.visits + 1;
139 | 
140 |             var ref = req.query.ref;
141 |             if (ref) {
142 |                 switch (ref) {
143 |                     case 'fb':
144 |                         data.visitsFB = data.visitsFB + 1;
145 |                         break;
146 |                     case 'ig':
147 |                         data.visitsIG = data.visitsIG + 1;
148 |                         break;
149 |                     case 'yt':
150 |                         data.visitsYT = data.visitsYT + 1;
151 |                         break;
152 |                 }
153 |             }
154 | 
155 |             await data.save();
156 | 
157 |             res.redirect(data.originalUrl);
158 |         } else {
159 |             if (req.isAuthenticated()) {
160 |                 res.render("index", { logged: true, err: true });
161 |             } else {
162 |                 res.render("index", { logged: false, err: true });
163 |             }
164 | 
165 |         }
166 | 
167 | 
168 |     } else {
169 |         if (req.isAuthenticated()) {
170 |             res.render("index", { logged: true });
171 |         } else {
172 |             res.render("index", { logged: false });
173 |         }
174 |     }
175 | 
176 | });
177 | 
178 | 
179 | 
180 | module.exports = router;


--------------------------------------------------------------------------------
/controller/accountRoutes.js:
--------------------------------------------------------------------------------
  1 | const express = require('express');
  2 | const router = express.Router();
  3 | const crypto = require('crypto');
  4 | const resetToken = require('../model/resetTokens');
  5 | const user = require('../model/user');
  6 | const mailer = require('./sendMail');
  7 | const bcryptjs = require('bcryptjs');
  8 | 
  9 | function checkAuth(req, res, next) {
 10 |     if (req.isAuthenticated()) {
 11 |         res.set('Cache-Control', 'no-cache, private, no-store, must-revalidate, post-check=0, pre-check=0');
 12 |         next();
 13 |     } else {
 14 |         req.flash('error_messages', "Please Login to continue !");
 15 |         res.redirect('/login');
 16 |     }
 17 | }
 18 | 
 19 | // adding the checkAuth middleware to make sure that 
 20 | // only authenticated users can send emails
 21 | router.get('/user/send-verification-email', checkAuth, async (req, res) => {
 22 |     // check if user is google or already verified
 23 |     if (req.user.isVerified || req.user.provider == 'google') {
 24 |         // already verified or google user
 25 |         // since we won't show any such option in the UI 
 26 |         // most probably this is being called by mistake or can be an attack
 27 |         // simply redirect to profile 
 28 |         res.redirect('/dashboard');
 29 |     } else {
 30 |         // generate a token 
 31 |         var token = crypto.randomBytes(32).toString('hex');
 32 |         // add that to database
 33 |         await resetToken({ token: token, email: req.user.email }).save();
 34 |         // send an email for verification
 35 |         mailer.sendVerifyEmail(req.user.email, token);
 36 |         res.render('profile', { username: req.user.username, verified: req.user.isVerified, emailsent: true });
 37 |     }
 38 | });
 39 | 
 40 | 
 41 | router.get('/user/verifyemail', async (req, res) => {
 42 |     // grab the token
 43 |     const token = req.query.token;
 44 |     // check if token exists 
 45 |     // or just send an error
 46 |     if (token) {
 47 |         var check = await resetToken.findOne({ token: token });
 48 |         if (check) {
 49 |             // token verified
 50 |             // set the property of verified to true for the user
 51 |             var userData = await user.findOne({ email: check.email });
 52 |             userData.isVerified = true;
 53 |             await userData.save();
 54 |             // delete the token now itself
 55 |             await resetToken.findOneAndDelete({ token: token });
 56 |             res.redirect('/dashboard');
 57 |         } else {
 58 |             res.render('profile', { username: req.user.username, verified: req.user.isVerified, err: "Invalid token or Token has expired, Try again." });
 59 |         }
 60 |     } else {
 61 |         // doesnt have a token
 62 |         // I will simply redirect to profile 
 63 |         res.redirect('/dashboard');
 64 |     }
 65 | });
 66 | 
 67 | router.get('/user/forgot-password', async (req, res) => {
 68 |     // render reset password page 
 69 |     // not checking if user is authenticated 
 70 |     // so that you can use as an option to change password too
 71 |     res.render('forgot-password.ejs', { csrfToken: req.csrfToken() });
 72 | 
 73 | });
 74 | 
 75 | router.post('/user/forgot-password', async (req, res) => {
 76 |     const { email } = req.body;
 77 |     // not checking if the field is empty or not 
 78 |     // check if a user existss with this email
 79 |     var userData = await user.findOne({ email: email });
 80 |     console.log(userData);
 81 |     if (userData) {
 82 |         if (userData.provider == 'google') {
 83 |             // type is for bootstrap alert types
 84 |             res.render('forgot-password.ejs', { csrfToken: req.csrfToken(), msg: "User exists with Google account. Try resetting your google account password or logging using it.", type: 'danger' });
 85 |         } else {
 86 |             // user exists and is not with google
 87 |             // generate token
 88 |             var token = crypto.randomBytes(32).toString('hex');
 89 |             // add that to database
 90 |             await resetToken({ token: token, email: email }).save();
 91 |             // send an email for verification
 92 |             mailer.sendResetEmail(email, token);
 93 | 
 94 |             res.render('forgot-password.ejs', { csrfToken: req.csrfToken(), msg: "Reset email sent. Check your email for more info.", type: 'success' });
 95 |         }
 96 |     } else {
 97 |         res.render('forgot-password.ejs', { csrfToken: req.csrfToken(), msg: "No user Exists with this email.", type: 'danger' });
 98 | 
 99 |     }
100 | });
101 | 
102 | router.get('/user/reset-password', async (req, res) => {
103 |     // do as in user verify , first check for a valid token 
104 |     // and if the token is valid send the forgot password page to show the option to change password 
105 | 
106 |     const token = req.query.token;
107 |     if (token) {
108 |         var check = await resetToken.findOne({ token: token });
109 |         if (check) {
110 |             // token verified
111 |             // send forgot-password page with reset to true
112 |             // this will render the form to reset password
113 |             // sending token too to grab email later
114 |             res.render('forgot-password.ejs', { csrfToken: req.csrfToken(), reset: true, email: check.email });
115 |         } else {
116 |             res.render('forgot-password.ejs', { csrfToken: req.csrfToken(), msg: "Token Tampered or Expired.", type: 'danger' });
117 |         }
118 |     } else {
119 |         // doesnt have a token
120 |         // I will simply redirect to profile 
121 |         res.redirect('/login');
122 |     }
123 | 
124 | });
125 | 
126 | 
127 | router.post('/user/reset-password', async (req, res) => {
128 |     // get passwords
129 |     const { password, password2, email } = req.body;
130 |     console.log(password);
131 |     console.log(password2);
132 |     if (!password || !password2 || (password2 != password)) {
133 |         res.render('forgot-password.ejs', { csrfToken: req.csrfToken(), reset: true, err: "Passwords Don't Match !", email: email });
134 |     } else {
135 |         // encrypt the password
136 |         var salt = await bcryptjs.genSalt(12);
137 |         if (salt) {
138 |             var hash = await bcryptjs.hash(password, salt);
139 |             await user.findOneAndUpdate({ email: email }, { $set: { password: hash } });
140 |             res.redirect('/login');
141 |         } else {
142 |             res.render('forgot-password.ejs', { csrfToken: req.csrfToken(), reset: true, err: "Unexpected Error Try Again", email: email });
143 | 
144 |         }
145 |     }
146 | });
147 | 
148 | 
149 | module.exports = router;


--------------------------------------------------------------------------------
/views/dashboard.ejs:
--------------------------------------------------------------------------------
  1 | <!doctype html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 |   <!-- Required meta tags -->
  6 |   <meta charset="utf-8">
  7 |   <meta name="viewport" content="width=device-width, initial-scale=1">
  8 |   <!-- Font  -->
  9 |   <link rel="preconnect" href="https://fonts.gstatic.com">
 10 |   <link href="https://fonts.googleapis.com/css2?family=Kulim+Park&display=swap" rel="stylesheet">
 11 |   <!-- Bootstrap CSS -->
 12 |   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet"
 13 |     integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
 14 | 
 15 |   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.0/font/bootstrap-icons.css">
 16 | 
 17 |   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.min.css"
 18 |     integrity="sha512-/zs32ZEJh+/EO2N1b0PEdoA10JkdC3zJ8L5FTiQu82LR9S/rOQNfQN7U59U9BC12swNeRAz3HSzIL2vpp4fv3w=="
 19 |     crossorigin="anonymous" />
 20 | 
 21 | 
 22 |   <title> Dashboard | Shortly</title>
 23 | </head>
 24 | <style>
 25 |   body {
 26 |     font-family: 'Kulim Park', sans-serif;
 27 |     font-size: larger;
 28 |   }
 29 | 
 30 |   .bi {
 31 |     color: #0003FF;
 32 |   }
 33 | 
 34 |   .customborder {
 35 |     border-radius: 2%;
 36 |     border: 2px solid #E95420;
 37 |   }
 38 | 
 39 |   .card {
 40 |     border: none;
 41 |     border-radius: 25px;
 42 |   }
 43 | </style>
 44 | 
 45 | <body>
 46 | 
 47 |   <!-- navbar  -->
 48 |   <nav class="navbar navbar-expand-lg navbar-light p-4">
 49 |     <div class="container">
 50 |       <a class="navbar-brand" href="#">
 51 |         <img src="/static/images/logo.png" width="150" height="36" alt="Logo">
 52 |       </a>
 53 |       <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
 54 |         aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
 55 |         <span class="navbar-toggler-icon"></span>
 56 |       </button>
 57 |       <div class="collapse navbar-collapse" id="navbarNav">
 58 | 
 59 |         <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
 60 |           <li class="nav-item">
 61 |             <a class="nav-link active" aria-current="page" href="#">Home</a>
 62 |           </li>
 63 |           <% if(logged){ %>
 64 |             <li class="nav-item">
 65 |               <a class="nav-link" href="/logout">Logout</a>
 66 |             </li>
 67 |             <% }else{ %>
 68 |               <li class="nav-item">
 69 |                 <a class="nav-link" href="/login">Login</a>
 70 |               </li>
 71 |               <li class="nav-item">
 72 |                 <a class="nav-link" href="/signup">Signup</a>
 73 |               </li>
 74 |               <% } %>
 75 | 
 76 |         </ul>
 77 |       </div>
 78 |     </div>
 79 |   </nav>
 80 |   <!-- navbar end  -->
 81 |   <div class="container">
 82 |     <% if(!verified){ %>
 83 |       <div class="alert alert-danger alert-dismissible fade show mt-3" role="alert">
 84 |         <strong>ATTENTION !</strong> Please verify your account to continue using our services.
 85 |         <a href="/user/send-verification-email">Re-send Verification Email</a>
 86 |         <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
 87 |       </div>
 88 |       <% } %>
 89 |         <% if(typeof emailsent !='undefined' ){ %>
 90 |           <% if(emailsent){ %>
 91 |             <div class="alert alert-success alert-dismissible fade show" role="alert">
 92 |               <strong>SUCCESS</strong> Verification Email Sent Sucessfully. Valid Only for 20 minutes.
 93 |               <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
 94 |             </div>
 95 |             <% } %>
 96 |               <% } %>
 97 |                 <div class="row">
 98 |                   <div class="col-12 col-md-8 col-lg-6 p-5 mx-auto bg-light">
 99 | 
100 |                     <% if(typeof err !='undefined' ){ %>
101 |                       <% if(err){ %>
102 |                         <div class="alert alert-danger alert-dismissible fade show" role="alert">
103 |                           <strong>ERROR </strong>
104 |                           <%= err %>.
105 |                             <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
106 | 
107 |                         </div>
108 | 
109 |                         <% } %>
110 |                           <% } %>
111 | 
112 |                             <form action="/create" , method="POST">
113 |                               <input type="hidden" name="_csrf" value="<%= csrfToken %>" />
114 |                               <div class="mb-3">
115 |                                 <label for="url">Enter Long Url</label>
116 |                                 <input type="url" class="form-control form-control-lg" name="original" id="url"
117 |                                   autocomplete="off" placeholder="Original Long URL" />
118 |                               </div>
119 |                               <div class="mb-3">
120 |                                 <label for="short">Your Short slug</label>
121 |                                 <input type="text" class="form-control form-control-lg" name="short" id="short"
122 |                                   autocomplete="off" placeholder="short" />
123 |                               </div>
124 |                               <div class="d-grid gap-3 mb-3">
125 |                                 <input type="submit" class="btn btn-lg btn-block btn-outline-primary"
126 |                                   value="Create Url" />
127 | 
128 |                               </div>
129 |                             </form>
130 |                   </div>
131 |                 </div>
132 |   </div>
133 | 
134 | 
135 |   <!-- / -->
136 | 
137 | 
138 |   <div class="container p-5">
139 | 
140 |     <h2 class="text-center">Your Urls and Performance</h2>
141 |     <div class="row row-cols-1 g-4 text-center">
142 | 
143 |       <% if(typeof urls !='undefined' ){ %>
144 |         <% if(urls.length !=0){ %>
145 | 
146 |           <% urls.forEach((url)=> { %>
147 |             <div class="col">
148 |               <div class="container shadow rounded-3 bg-light p-4">
149 |                 <div class="container row justify-content-around">
150 | 
151 |                   <div class="col-12 col-md-4 col-lg-3  mb-3">
152 |                     <div class="card customcard  ratio ratio-1x1 shadow">
153 |                       <div class="d-flex flex-column justify-content-center align-item-center">
154 |                         <p>
155 |                           Total <br />
156 |                           Visits
157 |                         </p>
158 |                         <h2>
159 |                           <%= url['visits'] %>
160 |                         </h2>
161 |                       </div>
162 |                     </div>
163 |                   </div>
164 |                   <div class="col-12 col-md-4 col-lg-3  mb-3">
165 |                     <div class="card customcard  ratio ratio-1x1 shadow">
166 |                       <div class="d-flex flex-column justify-content-center align-item-center">
167 |                         <p>
168 |                           Facebook <br />
169 |                           Visits
170 |                         </p>
171 |                         <h2>
172 |                           <%= url['visitsFB'] %>
173 |                         </h2>
174 |                       </div>
175 |                     </div>
176 |                   </div>
177 |                   <div class="col-12 col-md-4 col-lg-3  mb-3">
178 |                     <div class="card customcard  ratio ratio-1x1 shadow">
179 |                       <div class="d-flex flex-column justify-content-center align-item-center">
180 |                         <p>
181 |                           Instagram <br />
182 |                           Visits
183 |                         </p>
184 |                         <h2>
185 |                           <%= url['visitsIG'] %>
186 |                         </h2>
187 |                       </div>
188 |                     </div>
189 |                   </div>
190 |                   <div class="col-12 col-md-4 col-lg-3  mb-3">
191 |                     <div class="card customcard  ratio ratio-1x1 shadow">
192 |                       <div class="d-flex flex-column justify-content-center align-item-center">
193 |                         <p>
194 |                           Youtube <br />
195 |                           Visits
196 |                         </p>
197 |                         <h2>
198 |                           <%= url['visitsYT'] %>
199 |                         </h2>
200 |                       </div>
201 |                     </div>
202 |                   </div>
203 |                 </div>
204 |                 <div class="row justify-centent-center">
205 |                   <div class="col-12 col-md-6 col-lg-5 mx-auto ">
206 |                     <canvas id="<%= url['_id'] %>" width="400" height="400"></canvas>
207 |                   </div>
208 |                 </div>
209 |                 <a href="http://localhost:8000/<%= url['slug'] %>" class="btn btn-primary mt-4">Visit Short Url</a>
210 |               </div>
211 |             </div>
212 |             <% }) %>
213 | 
214 |               <% }else{ %>
215 |                 <h2>No Urls created By You 😔😔</h2>
216 |                 <% } %>
217 |                   <% } %>
218 | 
219 |     </div>
220 |   </div>
221 | 
222 | 
223 | 
224 |   <%- include('./partials/footer.ejs'); %>
225 | 
226 |     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js"
227 |       integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW"
228 |       crossorigin="anonymous"></script>
229 | 
230 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.min.js"
231 |       integrity="sha512-d9xgZrVZpmmQlfonhQUvTR7lMPtO7NkZMkA0ABN3PHCbKA5nqylQ/yWlFAyY6hYgdF1Qh6nYiuADWwKB4C2WSw=="
232 |       crossorigin="anonymous"></script>
233 | 
234 | 
235 |     <script>
236 |       <% if (typeof urls != 'undefined') { %>
237 |       <% if (urls.length != 0) { %>
238 | 
239 |     <% urls.forEach((url) => { %>
240 |           var ct = document.getElementById('<%= url["_id"] %>').getContext('2d');
241 | 
242 |       var myChart = new Chart(ct, {
243 |         type: 'doughnut',
244 |         data: {
245 |           labels: ['Total', 'Facebook', 'Instagram', 'Youtube'],
246 |           datasets: [{
247 |             label: 'Visits Distribution',
248 |             data: [<%= url['visits'] %>, <%= url['visitsFB'] %> , <%= url['visitsIG'] %> , <%= url['visitsYT'] %>],
249 |             backgroundColor: [
250 |               'rgba(66, 103, 178, 1)',
251 |               '#833AB4',
252 |               '#FF0000',
253 |               '#405DE6'
254 |             ],
255 |           }]
256 |         }
257 |       });
258 | 
259 |   <%  }) %>
260 |   <%  } %>
261 |   <%  } %>
262 | 
263 |     </script>
264 | 
265 | </body>
266 | 
267 | </html>


--------------------------------------------------------------------------------