├── public
    ├── home.jpg
    ├── Screenshot_2019-02-09 LetsChat Home.jpg
    ├── chat.css
    ├── app.css
    └── cover.css
├── models
    ├── like.js
    ├── comment.js
    ├── post.js
    └── user.js
├── .github
    └── ISSUE_TEMPLATE
    │   ├── feature_request.md
    │   └── bug_report.md
├── views
    ├── error.ejs
    ├── createcomment.ejs
    ├── editcomment.ejs
    ├── like.ejs
    ├── createpost.ejs
    ├── edit.ejs
    ├── login.ejs
    ├── index.ejs
    ├── chat.ejs
    ├── partials
    │   ├── footer.ejs
    │   └── header.ejs
    ├── show.ejs
    ├── signup.ejs
    ├── home.ejs
    ├── useredit.ejs
    └── profile.ejs
├── package.json
├── LICENSE
├── routes
    ├── likes.js
    ├── comments.js
    ├── auth_index.js
    └── posts.js
├── app.js
├── middleware
    └── index.js
└── README.md


/public/home.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gargarchit/LetsChat/HEAD/public/home.jpg


--------------------------------------------------------------------------------
/public/Screenshot_2019-02-09 LetsChat Home.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gargarchit/LetsChat/HEAD/public/Screenshot_2019-02-09 LetsChat Home.jpg


--------------------------------------------------------------------------------
/public/chat.css:
--------------------------------------------------------------------------------
1 | * { margin: 0; padding: 0; box-sizing: border-box; }
2 | body { font: 13px Helvetica, Arial margin-top:100px}
3 | form { padding: 3px; position: fixed; bottom: 50px; width: 60%; }
4 | #messages { list-style-type: none; margin: 0; padding: 0; }
5 | #messages li { padding: 5px 10px; }
6 | #messages li:nth-child(odd) { background: #eee; }
7 | #messages { margin-bottom: 40px }


--------------------------------------------------------------------------------
/models/like.js:
--------------------------------------------------------------------------------
 1 | var mongoose = require("mongoose");
 2 | 
 3 | // Mongoose/Model config
 4 | // like Schema
 5 | var likeSchema = new mongoose.Schema({
 6 |    profile: {
 7 |         id: {
 8 |             type: mongoose.Schema.Types.ObjectId,
 9 |             ref: "user"
10 |         },
11 |         name : String,
12 |         username: String
13 |    },
14 |   created: {type: Date, default: Date.now}
15 | });
16 | 
17 | module.exports = mongoose.model('like', likeSchema);


--------------------------------------------------------------------------------
/models/comment.js:
--------------------------------------------------------------------------------
 1 | var mongoose = require("mongoose");
 2 | 
 3 | // Mongoose/Model config
 4 | // Comment Schema
 5 | var commentSchema = new mongoose.Schema({
 6 |    text: String,
 7 |    profile: {
 8 |         id: {
 9 |             type: mongoose.Schema.Types.ObjectId,
10 |             ref: "user"
11 |         },
12 |         name : String,
13 |         username: String
14 |    },
15 |    
16 |   created: {type: Date, default: Date.now}
17 | });
18 | 
19 | module.exports = mongoose.model('comment', commentSchema);


--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/feature_request.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | name: Feature request
 3 | about: Suggest an idea for this project
 4 | title: ''
 5 | labels: ''
 6 | assignees: ''
 7 | 
 8 | ---
 9 | 
10 | **Is your feature request related to a problem? Please describe.**
11 | A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
12 | 
13 | **Describe the solution you'd like**
14 | A clear and concise description of what you want to happen.
15 | 
16 | **Describe alternatives you've considered**
17 | A clear and concise description of any alternative solutions or features you've considered.
18 | 
19 | **Additional context**
20 | Add any other context or screenshots about the feature request here.
21 | 


--------------------------------------------------------------------------------
/views/error.ejs:
--------------------------------------------------------------------------------
 1 | <% include partials/header.ejs %>
 2 | <div class="container">
 3 |     <div class="row">
 4 |         <div class="col-md-12">
 5 |             <div class="error-template">
 6 |                 <h1>Oops!</h1>
 7 |                 <h2>404 - Page not found</h2>
 8 |                 <div class="error-details">
 9 |                     The page you are looking for might have been removed had its name changed or is temporarily unavailable.
10 |                 </div>
11 |                 <div class="error-actions">
12 |                     <a href="/post" class="btn btn-primary btn-lg">Go To Homepage </a>
13 |                 </div>
14 |             </div>
15 |         </div>
16 |     </div>
17 | </div>
18 | <% include partials/footer.ejs %>
19 | 


--------------------------------------------------------------------------------
/models/post.js:
--------------------------------------------------------------------------------
 1 | var mongoose = require("mongoose");
 2 | 
 3 | // Mongoose/Model config
 4 | // Post Schema
 5 | var postSchema = new mongoose.Schema({
 6 |    caption: String,
 7 |    image: String,
 8 |    imageId: String,
 9 |    created: {type: Date, default: Date.now},
10 |    profile: {
11 |       id: {
12 |          type: mongoose.Schema.Types.ObjectId,
13 |          ref: "user"
14 |       },
15 |       name : String,
16 |       username: String
17 |    },
18 |    comments: [
19 |       {
20 |          type : mongoose.Schema.Types.ObjectId,
21 |          ref: "comment"
22 |       }],
23 |    like: [
24 |    {
25 |       type : mongoose.Schema.Types.ObjectId,
26 |       ref: "like"
27 |    }],
28 | });
29 | 
30 | module.exports = mongoose.model('post', postSchema);


--------------------------------------------------------------------------------
/views/createcomment.ejs:
--------------------------------------------------------------------------------
 1 | <% include partials/header.ejs %>
 2 | 
 3 | <div class="ui main text container segment" style="margin-top: -100px;">
 4 |     <div class="ui huge header">New Comment</div>
 5 |     <form class="ui form" action="/post/<%= post._id %>/comments"method="POST">
 6 |         <div class="field">
 7 |             <label>Comment</label>
 8 |             <div class="ui left icon input">
 9 |                 <i class="edit icon"></i>
10 |                 <input type="text" name="Comment[text]">
11 |             </div> 
12 |         </div>
13 |         <button class="ui fluid large teal button">Create Comment</button>
14 |     </form>
15 |     <div class="ui message">
16 |         <a href = "/post"><i class="backward icon"></i> Go back</a>
17 |     </div>
18 | </div> 
19 | 
20 | <% include partials/footer.ejs %>


--------------------------------------------------------------------------------
/views/editcomment.ejs:
--------------------------------------------------------------------------------
 1 | <% include partials/header.ejs %>
 2 | 
 3 | <div class="ui main text container segment" style="margin-top: -100px;">
 4 |     <div class="ui huge header">Edit Comment</div>
 5 |     <form class="ui form" action="/post/<%= post_id %>/comments/<%= comment._id %>?_method=PUT"method="POST">
 6 |         <div class="field">
 7 |             <label>Comment</label>
 8 |             <div class="ui left icon input">
 9 |                 <i class="edit icon"></i>
10 |                 <input type="text" name="Comment[text]" value="<%= comment.text %>">
11 |             </div> 
12 |         </div>
13 |         <button class="ui fluid large teal button">Update Comment</button>
14 |     </form>
15 |     <div class="ui message">
16 |         <a href = "/post"><i class="backward icon"></i> Go back</a>
17 |     </div>
18 | </div> 
19 | 
20 | <% include partials/footer.ejs %>


--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/bug_report.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | name: Bug report
 3 | about: Create a report to help us improve
 4 | title: ''
 5 | labels: ''
 6 | assignees: ''
 7 | 
 8 | ---
 9 | 
10 | **Describe the bug**
11 | A clear and concise description of what the bug is.
12 | 
13 | **To Reproduce**
14 | Steps to reproduce the behavior:
15 | 1. Go to '...'
16 | 2. Click on '....'
17 | 3. Scroll down to '....'
18 | 4. See error
19 | 
20 | **Expected behavior**
21 | A clear and concise description of what you expected to happen.
22 | 
23 | **Screenshots**
24 | If applicable, add screenshots to help explain your problem.
25 | 
26 | **Desktop (please complete the following information):**
27 |  - OS: [e.g. iOS]
28 |  - Browser [e.g. chrome, safari]
29 |  - Version [e.g. 22]
30 | 
31 | **Smartphone (please complete the following information):**
32 |  - Device: [e.g. iPhone6]
33 |  - OS: [e.g. iOS8.1]
34 |  - Browser [e.g. stock browser, safari]
35 |  - Version [e.g. 22]
36 | 
37 | **Additional context**
38 | Add any other context about the problem here.
39 | 


--------------------------------------------------------------------------------
/views/like.ejs:
--------------------------------------------------------------------------------
 1 | <% include partials/header.ejs %>
 2 | 
 3 | <div class="container">
 4 |     <div class="col-md-9">
 5 |         <h2 align="center"><i class="heart icon"></i> Likes on <%=post.caption%></h2>
 6 |         <a href = "/post"><i class="backward icon"></i> Go back</a>
 7 |     </div>
 8 |   <div class="col-md-9">
 9 |     <div class="well">
10 |       <hr>
11 |       <% if (post.like.length === 0) { %>
12 |         <em style="color: grey;">No Likes yet, you can be the first to like it</em>
13 |       <% } %>
14 |       <% post.like.forEach((like) => { %>
15 |         <div class="row">
16 |           <div class="col-md-12">
17 |             <strong> <a href = "../../user/<%= like.profile.id%>"><%= like.profile.name %><em> @ <%= like.profile.username %> </em></a> </strong>
18 |             <span class="pull-right"><%= moment(like.created).fromNow() %></span>
19 |               <div>
20 |               </div>
21 |             </div>
22 |           </div>
23 |           <hr>
24 |       <% }); %>
25 |     </div>
26 |   </div>
27 | </div>
28 | 
29 | <% include partials/footer.ejs %>


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "workspace",
 3 |   "version": "1.0.0",
 4 |   "description": "letschat",
 5 |   "main": "app.js",
 6 |   "scripts": {
 7 |     "test": "echo \"Error: no test specified\" && exit 1",
 8 |     "start": "node app.js"
 9 |   },
10 |   "author": "Archit",
11 |   "license": "ISC",
12 |   "dependencies": {
13 |     "async": "^2.6.1",
14 |     "body-parser": "^1.18.3",
15 |     "cloudinary": "^1.13.2",
16 |     "connect-flash": "^0.1.1",
17 |     "dotenv": "^6.2.0",
18 |     "ejs": "^2.6.1",
19 |     "expect": "^24.1.0",
20 |     "express": "^4.16.4",
21 |     "express-generator": "^4.16.0",
22 |     "express-sanitizer": "^1.0.4",
23 |     "express-session": "^1.15.6",
24 |     "faker": "^4.1.0",
25 |     "method-override": "^3.0.0",
26 |     "mocha": "^5.2.0",
27 |     "moment": "^2.23.0",
28 |     "mongoose": "^5.4.3",
29 |     "multer": "^1.4.1",
30 |     "nodemailer": "^5.1.1",
31 |     "passport": "^0.4.0",
32 |     "passport-local": "^1.0.0",
33 |     "passport-local-mongoose": "^5.0.1",
34 |     "pusher": "^2.2.0",
35 |     "socket.io": "^2.2.0",
36 |     "validator": "^10.10.0"
37 |   }
38 | }
39 | 


--------------------------------------------------------------------------------
/views/createpost.ejs:
--------------------------------------------------------------------------------
 1 | <% include partials/header.ejs %>
 2 | 
 3 | <div class="ui main text container segment" style="margin-top: -100px;">
 4 |     <div class="ui huge header">New Post</div>
 5 |     <form class="ui form" action="/post" method="POST" enctype="multipart/form-data">
 6 |         <div class="field">
 7 |             <label>Caption</label>
 8 |             <div class="ui left icon input">
 9 |                 <i class="edit icon"></i>
10 |                 <input type="text" name="Post[caption]" placeholder="Caption">
11 |             </div>  
12 |         </div>
13 |         <div class="field">
14 |             <label>Image</label>
15 |             <div class="ui left icon input">
16 |                 <i class="image icon"></i>
17 |                 <input type="file" id="image" name="image" accept="image/*" required>
18 |             </div>
19 |         </div>
20 |         <button class="ui fluid large teal button">Create Post</button>
21 |     </form>
22 |     <div class="ui message">
23 |         <a href = "/post"><i class="backward icon"></i> Go back</a>
24 |     </div>
25 | </div>
26 | 
27 | 
28 | <% include partials/footer.ejs %>


--------------------------------------------------------------------------------
/models/user.js:
--------------------------------------------------------------------------------
 1 | var mongoose = require("mongoose");
 2 | var passportLocalMongoose = require("passport-local-mongoose");
 3 | var validator = require("validator");
 4 | 
 5 | var UserSchema = new mongoose.Schema({
 6 |     name: String,
 7 |     email: {
 8 |         type: String, 
 9 |         unique: true, 
10 |         trim: true,
11 |         lowercase: true,
12 |         match: [/\S+@\S+\.\S+/, 'is invalid'], 
13 |         index: true
14 |         
15 |     },
16 |     username: {
17 |             type: String,
18 |             lowercase: true, 
19 |             unique: true, 
20 |             trim: true, 
21 |             minlength: 4,
22 |             match: [/^[a-z]{1}[A-Za-z0-9_]{3,16}$/, 'is invalid'], 
23 |             index: true
24 |         
25 |     },
26 |     password: {type: String, minlength: 8, maxlength: 20},
27 |     image: String,
28 |     imageId: String,
29 |     about: String,
30 |     address: String,
31 |     gender: String,
32 |     website: String,
33 |     contactno : Number,
34 |     work: String,
35 | });
36 | 
37 | UserSchema.plugin(passportLocalMongoose);
38 | 
39 | module.exports = mongoose.model("user", UserSchema);


--------------------------------------------------------------------------------
/views/edit.ejs:
--------------------------------------------------------------------------------
 1 | <% include partials/header.ejs %>
 2 | <div class="ui main text container segment" style="margin-top: -100px;">
 3 |     <div class="ui huge header">EDIT POST</div>
 4 |     <form class="ui form" action="/post/<%= post._id %>?_method=PUT" method="POST" enctype="multipart/form-data">
 5 |         <div class="field">
 6 |             <label>Caption</label>
 7 |             <div class="ui left icon input">
 8 |                 <i class="edit icon"></i>
 9 |                 <input type='text' name='caption' value='<%= post.caption %>'>
10 |             </div> 
11 |         </div>
12 |         <div class="field">
13 |             <label>Image</label>
14 |             <div class="ui left icon input">
15 |                 <i class="image icon"></i>
16 |                 <input type="file" id="image" name="image" accept="image/*">
17 |             </div>
18 |         </div>
19 |         <button class="ui fluid large teal button">Update</button>
20 |     </form>
21 |     <div class="ui message">
22 |         <a href = "/post/<%= post._id %>"><i class="backward icon"></i> Go back</a>
23 |     </div>
24 | </div>
25 | <% include partials/footer.ejs %>


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2019 Archit
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/views/login.ejs:
--------------------------------------------------------------------------------
 1 | <% include partials/header.ejs %>
 2 | 
 3 | <div class="ui middle aligned center aligned grid">
 4 |   <div class="column">
 5 |     <h2 class="ui teal image header">
 6 |       <div class="content">
 7 |         <i class="sign in icon"></i> Log-in to your account
 8 |       </div>
 9 |     </h2>
10 |     <form class="ui large form" action='/login' method='POST'>
11 |       <div class="ui stacked segment">
12 |         <div class="field">
13 |           <div class="ui left icon input">
14 |             <i class="user icon"></i>
15 |             <input type="text" name="username" placeholder="Username">
16 |           </div>
17 |         </div>
18 |         <div class="field">
19 |           <div class="ui left icon input">
20 |             <i class="lock icon"></i>
21 |             <input type="password" name="password" placeholder="Password">
22 |           </div>
23 |         </div>
24 |         <button class="ui fluid large teal button" type="submit">Login</button>
25 |       </div>
26 |     </form>
27 | 
28 |     <div class="ui message">
29 |       New to us? <a href="/signup">Sign Up</a>
30 |     </div>
31 |   </div>
32 | </div>
33 | <% include partials/footer.ejs %>


--------------------------------------------------------------------------------
/routes/likes.js:
--------------------------------------------------------------------------------
 1 | var  express = require("express"),
 2 |      router  = express.Router({mergeParams: true}),
 3 |      post = require("../models/post"),
 4 |      like = require("../models/like"),
 5 |      user = require("../models/user"),
 6 |      middleware = require("../middleware");
 7 |      
 8 | 
 9 | //Like : Create New Like
10 | router.post("/post/:id/likes",middleware.isLoggedIn, (req, res) => {
11 |   post.findById(req.params.id, (err, Post) => {
12 |       if(err){
13 |           res.render("error");
14 |       } else {
15 |         like.create(req.body.Like, (err, com) => {
16 |           if(err){
17 |               res.render("error");
18 |           } else {
19 |                 com.profile.id = req.user._id;
20 |                 com.profile.username = req.user.username;
21 |                 com.profile.name = req.user.name;
22 |                 com.save();
23 |                 Post.like.push(com);
24 |                 Post.save();
25 |                 res.redirect('back');
26 |             }
27 |         });
28 |       }
29 |   });
30 | });
31 | 
32 | 
33 | //Show likes
34 | router.get('/post/:id/like', (req,res) => {
35 |     post.findById(req.params.id).populate('like').exec((err, foundpost) => {
36 |         if(err || !foundpost) {
37 |             res.render("error");
38 |         } else {
39 |             res.render('like', {post:foundpost});
40 |         }
41 |     });
42 | });
43 | module.exports = router;


--------------------------------------------------------------------------------
/public/app.css:
--------------------------------------------------------------------------------
 1 | 
 2 | body {
 3 |       background-color: #d4efdf;
 4 |       margin-top:100px;
 5 | }
 6 | body > .grid {
 7 |       height: 100%;
 8 |     }
 9 | .jumbotron {
10 |     margin-top: -60px; 
11 |     background : url('/home.jpg');
12 |     background-repeat: no-repeat;
13 |     background-size: cover;
14 | }
15 | .jumbotron .container{
16 |     color: white
17 | }
18 | .image {
19 |       margin-top: -100px;
20 |     }
21 | .column {
22 |       max-width: 450px;
23 |     }
24 | .container.main {
25 |     margin: auto;
26 |     position: relative;
27 |     top: 25%;
28 | }
29 | .container.text {
30 |     margin-top: 3.0em;
31 | }
32 | img {
33 |     border-radius: 8px;
34 |     max-width: 100%;
35 |     height: auto;
36 |     display: block;
37 |     width: 100%;
38 | }
39 | 
40 | .thumbnail img {
41 |     width: 100%;
42 |     opacity: 1;
43 |     transition: opacity 0.3s;
44 | }
45 | 
46 | .thumbnail {
47 |     padding: 0;
48 | }
49 | 
50 | .thumbnail .caption-full {
51 |     padding: 9px;
52 | }
53 | 
54 | #delete-form {
55 |     display: inline;
56 | }
57 | 
58 | .navbar .navbar-brand{
59 |     margin-left:10%;
60 | }
61 | .navbar .collapse{
62 |     margin-left:10%;
63 |     margin-right:10%;
64 | }
65 | 
66 | .thumbnail img {
67 |     width: 100%;
68 | }
69 | 
70 | .thumbnail {
71 |     padding: 0;
72 | }
73 | 
74 | .thumbnail .caption-full {
75 |     padding: 9px;
76 | }
77 | 
78 | .error-template {padding: 40px 15px;text-align: center;}
79 | .error-actions {margin-top:15px;margin-bottom:15px;}
80 | .error-actions .btn { margin-right:10px; }


--------------------------------------------------------------------------------
/views/index.ejs:
--------------------------------------------------------------------------------
 1 | <% include partials/header.ejs %>
 2 | <style>
 3 |     .btn{
 4 |         border:0px solid transparent;
 5 |     }
 6 | </style>
 7 | <div class="jumbotron">
 8 |     <div class="container">
 9 |       <h1 class="display-3"><i class="paper plane icon"></i> Welcome to LetsChat</h1>
10 |       <h3 class="display-4"><i class="camera retro icon"></i>Feed Page</h3>
11 |     </div>
12 | </div>
13 | <div class="container">
14 |     <div class="col-md-9">
15 |         <% post.forEach((posts) => { %>
16 |         <div class="thumbnail">
17 |             <a href = "/post/<%= posts._id %>"><img class="img-responsive" src="<%- posts.image %>"></a>
18 |             <div class="caption-full">
19 |                 <h4 class="pull-right"><%= moment(posts.created).fromNow() %></h4>
20 |                 <h2><a><%-posts.caption%></a></h2>
21 |                 <p>
22 |                     By<a href = "user/<%= posts.profile.id%>"> <%= posts.profile.name %> <em> @ <%= posts.profile.username %> </em></a>
23 |                 </p>
24 |                 <form id="myForm" class="ui form" action="/post/<%= posts._id %>/likes/"method="POST">
25 |                     <button class="btn btn-outline-primary"><i class="heart icon"></i><%=posts.like.length%></button>
26 |                     <a class="reply" href = "/post/<%= posts._id %>"><i class="comments icon"></i></a>
27 |                 </form>
28 |             </div>
29 |             <hr class="mb-4">
30 |             <hr class="mb-4">
31 |         </div>
32 |         <% }); %>
33 |     </div>
34 | </div>
35 | <% include partials/footer.ejs %>
36 | 


--------------------------------------------------------------------------------
/public/cover.css:
--------------------------------------------------------------------------------
 1 | 
 2 | a,
 3 | a:focus,
 4 | a:hover {
 5 |   color: #fff;
 6 | }
 7 | .btn-secondary,
 8 | .btn-secondary:hover,
 9 | .btn-secondary:focus {
10 |   color: #333;
11 |   text-shadow: none;
12 |   background-color: #fff;
13 |   border: .05rem solid #fff;
14 | }
15 | 
16 | html,
17 | body {
18 |   height: 100%;
19 |   background : url('./home.jpg');
20 |   background-repeat: no-repeat;
21 |   background-size: cover;
22 | }
23 | 
24 | body {
25 |   display: -ms-flexbox;
26 |   display: flex;
27 |   color: #fff;
28 |   text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
29 |   box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
30 | }
31 | 
32 | .cover-container {
33 |   max-width: 42em;
34 | }
35 | 
36 | 
37 | .masthead {
38 |   margin-bottom: 2rem;
39 | }
40 | 
41 | .masthead-brand {
42 |   margin-bottom: 0;
43 | }
44 | 
45 | .nav-masthead .nav-link {
46 |   padding: .25rem 0;
47 |   font-weight: 700;
48 |   color: rgba(255, 255, 255, .5);
49 |   background-color: transparent;
50 |   border-bottom: .25rem solid transparent;
51 | }
52 | 
53 | .nav-masthead .nav-link:hover,
54 | .nav-masthead .nav-link:focus {
55 |   border-bottom-color: rgba(255, 255, 255, .25);
56 | }
57 | 
58 | .nav-masthead .nav-link + .nav-link {
59 |   margin-left: 1rem;
60 | }
61 | 
62 | .nav-masthead .active {
63 |   color: #fff;
64 |   border-bottom-color: #fff;
65 | }
66 | 
67 | @media (min-width: 48em) {
68 |   .masthead-brand {
69 |     float: left;
70 |   }
71 |   .nav-masthead {
72 |     float: right;
73 |   }
74 | }
75 | 
76 | .cover {
77 |   padding: 0 1.5rem;
78 | }
79 | .cover .btn-lg {
80 |   padding: .75rem 1.25rem;
81 |   font-weight: 700;
82 | }
83 | 
84 | .mastfoot {
85 |   color: rgba(255, 255, 255, .5);
86 | }
87 | 


--------------------------------------------------------------------------------
/views/chat.ejs:
--------------------------------------------------------------------------------
 1 | <% include partials/header.ejs %>
 2 | <div class="jumbotron">
 3 |   <div class="container">
 4 |     <h1 class="display-3"><i class="paper plane icon"></i> Welcome to LetsChat</h1>
 5 |     <h3 class="display-4">Chat Room - LoggedIn as : <em><%=user.name%> @ <%=user.username%></em></h3>
 6 |   </div>
 7 | </div>
 8 | <div class="container">
 9 |   <div class="col-md-9">
10 |     <div class="well">
11 |       <div class="row">
12 |           <div class="col-md-12">
13 |             <ul id="messages">
14 |               <li>
15 |                 <em>Welcome <strong><%=user.name%></strong> to LetsChat's Chat Room</em>
16 |               </li>
17 |             </ul>
18 |           </div>
19 |         </div>
20 |     </div>
21 |     <hr class="mb-4">
22 |     <div class="row">
23 |         <div class="col-md-12">
24 |           <form action="" id="message-form">
25 |             <div class="form-row align-items-center">
26 |               <label for="m" class="col-sm-1 col-form-label"><strong><em>Message:</em></strong></label>
27 |               <div class="col-sm-9 my-1">
28 |                 <input name="message" type="text" class="form-control" id="m" autofocus autocomplete="off" />
29 |               </div>
30 |               <div class="col-auto my-1">
31 |                 <button class="btn btn-primary"><i class="paper plane icon"></i> Send</button>
32 |               </div>
33 |             </div>
34 |           </form>
35 |         </div>
36 |       </div>
37 |   </div>
38 | </div>
39 | 
40 |     <link href="/chat.css" type="text/css" rel="stylesheet">
41 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.2.0/socket.io.js"></script>
42 |     <script
43 | 			  src="https://code.jquery.com/jquery-3.3.1.js"
44 | 			  integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
45 | 			  crossorigin="anonymous">
46 |     </script>
47 |     <script>
48 |       $(function () {
49 |         var socket = io();
50 |         $('form').submit(function(){
51 |           socket.emit('chat message', $('#m').val());
52 |           $('#m').val('');
53 |           return false;
54 |         });
55 |         socket.on('chat message', function(message){
56 |           $('#messages').append($('<li>').text(message));
57 |           window.scrollTo(0, document.body.scrollHeight);
58 |         });
59 |     });
60 |     </script>
61 | <% include partials/footer.ejs %>
62 | 


--------------------------------------------------------------------------------
/views/partials/footer.ejs:
--------------------------------------------------------------------------------
 1 |         <p style="padding-bottom: 1%;"></p>
 2 |         <nav class="navbar fixed-bottom navbar-expand-sm navbar-dark bg-dark">
 3 |             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
 4 |                 <span class="navbar-toggler-icon"></span>
 5 |             </button>
 6 |             <div class="collapse navbar-collapse" id="navbarCollapse">
 7 |             <ul class="navbar-nav mr-auto">
 8 |                 <li class="nav-item active">
 9 |                     <a class="nav-link" href="https://github.com/gargarchit">ARCHIT&nbsp;<i class="copyright outline icon"></i>2019 <span class="sr-only">(current)</span></a>
10 |                 </li>
11 |                 <li class="nav-item dropup">
12 |                     <a class="nav-link dropdown-toggle" href="#" id="dropdown10" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Want to Contribute</a>
13 |                     <div class="dropdown-menu" aria-labelledby="dropdown10">
14 |                         <a class="dropdown-item" href="https://github.com/gargarchit/LetsChat/"><i class="github icon"></i>&nbsp;source code</a>
15 |                         <a class="dropdown-item" href="https://github.com/gargarchit/LetsChat/fork"><i class="fork icon"></i>&nbsp;Fork</a>
16 |                         <a class="dropdown-item" href="https://github.com/gargarchit/LetsChat/issues/new?title=[Icon]%20-%20Your%20Bug%20Name&body=**Steps%20to%20Reproduce**%0A1.%20Do%20something%0A2.%20Do%20something%20else.%0A3.%20Do%20one%20last%20thing.%0A%0A**Expected**%0AThe%20Icon%20should%20do%20this%0A%0A**Result**%0AThe%20Icon%20does%20not%20do%20this%0A%0A**Testcase**%0A(fork%20this%20to%20get%20started)">
17 |                         <i class="bug icon"></i>&nbsp;Report Bug
18 |                         </a> 
19 |                     </div>
20 |                 </li>
21 |             </ul>
22 |             <a class="btn btn-dark" href="https://github.com/gargarchit"><i class="github icon"></i></a>
23 |             <a class="btn btn-dark" href="https://www.linkedin.com/in/garg4"><i class="linkedin icon"></i></a>
24 |             <a class="btn btn-dark" href="https://twitter.com/a_rchit"><i class="twitter icon"></i></a>
25 |             </div>
26 |         </nav>
27 |     </body>
28 | </html>


--------------------------------------------------------------------------------
/app.js:
--------------------------------------------------------------------------------
 1 | var bodyParser = require("body-parser"),
 2 |     methodOverride = require("method-override"),
 3 |     expressSanitizer = require("express-sanitizer"),
 4 |     mongoose = require("mongoose"), 
 5 |     express = require("express"),
 6 |     flash = require("connect-flash"),
 7 |     app = express(),
 8 |     passport = require("passport"),
 9 |     LocalStrategy = require("passport-local"),
10 |     user = require("./models/user"),
11 |     postrouter = require("./routes/posts"),
12 |     commentrouter = require("./routes/comments"),
13 |     likerouter = require("./routes/likes"),
14 |     authrouter = require("./routes/auth_index"),
15 |     middleware = require("./middleware"),
16 |     http = require('http').Server(app),
17 |     io = require('socket.io')(http);
18 |     
19 | //App config 
20 | var dburl = process.env.DBURL || "mongodb://localhost/Letschat"
21 | mongoose.connect(dburl, { useNewUrlParser: true });
22 | mongoose.set('useFindAndModify', false);
23 | mongoose.set('useCreateIndex', true);
24 | app.use(bodyParser.urlencoded({extended : true}));
25 | app.use(expressSanitizer());
26 | app.use(express.static("public"));
27 | app.set('view engine', 'ejs');
28 | app.use(methodOverride('_method'));
29 | app.use(flash());
30 | 
31 | // Moment.js for Timestamp
32 | app.locals.moment = require('moment');
33 | 
34 | app.use(require("express-session")({
35 |     secret: "Secrets",
36 |     resave: false,
37 |     saveUninitialized: false
38 | }));
39 | 
40 | app.use(passport.initialize());
41 | app.use(passport.session());
42 | passport.use(new LocalStrategy(user.authenticate()));
43 | passport.serializeUser(user.serializeUser());
44 | passport.deserializeUser(user.deserializeUser());
45 | 
46 | app.use((req, res, next) => {
47 |    res.locals.currentuser = req.user;
48 |    res.locals.error = req.flash("error");
49 |    res.locals.success = req.flash("success");
50 |    next();
51 | });
52 | app.use(authrouter);
53 | app.use(postrouter);
54 | app.use(commentrouter);
55 | app.use(likerouter);
56 | 
57 | 
58 | // Chat Routes
59 | app.get('/chat',middleware.isLoggedIn, function(req, res){
60 |   res.render('chat.ejs', {user:req.user});
61 | });
62 | 
63 | io.on('connection', function(socket){
64 |     socket.on('chat message', function(msg){
65 |         io.emit('chat message', msg);
66 |   });
67 | });
68 | 
69 | // Unhandled routes
70 | app.get("*",(req, res)=> {
71 |   res.render('error');
72 | });
73 | 
74 | http.listen(process.env.PORT, process.env.IP, () => {
75 |    console.log('Server started'); 
76 | });


--------------------------------------------------------------------------------
/middleware/index.js:
--------------------------------------------------------------------------------
 1 | var comment = require("../models/comment"),
 2 |     post = require("../models/post"),
 3 |     user = require("../models/user"),
 4 |     like = require("../models/like");
 5 | //Middleware
 6 | var middlewareObj = {};
 7 | 
 8 | middlewareObj.isLoggedIn = function isLoggedIn(req, res, next){
 9 |         if(req.isAuthenticated()){
10 |             return next();
11 |             
12 |         }
13 |         req.session.redirectTo = req.originalUrl;
14 |         req.flash("error", "Please Login !!");
15 |         res.redirect("/login");
16 |     };
17 |  
18 | middlewareObj.checkowner = function checkowner(req,res,next) {
19 |     if(req.isAuthenticated()){
20 |         post.findById(req.params.id, (err, foundpost) => {
21 |             if(err || !foundpost) {
22 |                 res.render("error");
23 |             } else {
24 |                 if(foundpost.profile.id.equals(req.user._id)){
25 |                     return next();
26 |                 } else {
27 |                     req.flash("error", "Permission Not Granted");
28 |                     res.redirect('/post' + req.params.id);
29 |                 }
30 |             }
31 |         });  
32 |     } else {
33 |         req.flash("error", "Please Login First!");
34 |         res.redirect('/login');
35 |     }
36 | };
37 | middlewareObj.checkownercomment = function(req, res, next){
38 |         if(req.isAuthenticated()){
39 |             comment.findById(req.params.commentid, function(err, com){
40 |                 if(err || !com) {
41 |                 res.render("error");
42 |             } else {
43 |                 if(com.profile.id.equals(req.user._id)){
44 |                     return next();
45 |                 } else {
46 |                     req.flash("error", "Permission Not Granted");
47 |                     res.redirect('/post' + req.params.id);
48 |                 }
49 |             }
50 |         });  
51 |     } else {
52 |         req.flash("error", "Please Login First!");
53 |         res.redirect('/login');
54 |     }
55 | };
56 | 
57 | middlewareObj.checkownerlike = function(req, res, next){
58 |         if(req.isAuthenticated()){
59 |             like.findById(req.params.likeid, function(err, com){
60 |                 if(err || !com) {
61 |                 res.render("error");
62 |             } else {
63 |                 if(com.profile.id.equals(req.user._id)){
64 |                     return next();
65 |                 } else {
66 |                     req.flash("error", "Permission Not Granted");
67 |                     res.redirect('/post' + req.params.id);
68 |                 }
69 |             }
70 |         });  
71 |     } else {
72 |         req.flash("error", "Please Login First!");
73 |         res.redirect('/login');
74 |     }
75 | };
76 | 
77 | module.exports = middlewareObj;


--------------------------------------------------------------------------------
/views/show.ejs:
--------------------------------------------------------------------------------
 1 | <% include partials/header.ejs %>
 2 | 
 3 | <div class="container">
 4 |   <div class="col-md-9">
 5 |     <div class="thumbnail">
 6 |       <img class="img-responsive" src="<%= post.image %>">
 7 |       <div class="caption-full">
 8 |       <h4 class="pull-right"><%= moment(post.created).fromNow() %></h4>
 9 |       <h4><a><%-post.caption%></a></h4>
10 |       <p>
11 |         By <a href = "../user/<%= post.profile.id%>"><%= post.profile.name %><em> @ <%= post.profile.username %></em></a>
12 |       </p>
13 |       <% if(currentuser && post.profile.id.equals(currentuser._id)){ %>
14 |         <a href="/post/<%= post._id %>/edit" class="btn btn-xs btn-info">EDIT</a>
15 |         <form id="delete-form" action="/post/<%= post._id %>?_method=DELETE" method="POST">
16 |           <button class="btn btn-xs btn-danger"><i class="trash alternate icon"></i>Delete</button>
17 |         </form>
18 |       <% } %> 
19 |       </div>
20 |     </div>
21 |     <div class="well">
22 |       <div class="text-right">
23 |           <form id="myForm" class="ui form" action="/post/<%= post._id %>/likes/"method="POST">
24 |             <button class="btn btn-outline-primary"><i class="heart icon"></i><%= post.like.length %></button>
25 |             <a class="btn btn-default" href = "/post/<%= post._id %>/like">View Likes</a>
26 |             <a class="btn btn-default" href = "/post/<%= post._id %>/comments/create"><i class="comment icon"></i> Add New Comment</a>
27 |           </form>
28 |       </div>
29 |       <hr>
30 |       <% if (post.comments.length === 0) { %>
31 |         <em style="color: grey;">No comments yet. Write something....</em>
32 |       <% } %>
33 |       <% post.comments.forEach((comment) => { %>
34 |         <div class="row">
35 |           <div class="col-md-12">
36 |             <strong> <a href = "../user/<%= comment.profile.id%>"><%= comment.profile.name %><em> @ <%= comment.profile.username %> </em></a> </strong>
37 |             <span class="pull-right"><%= moment(comment.created).fromNow() %></span>
38 |               <div>
39 |                 <%= comment.text %>
40 |                 <% if(currentuser && comment.profile.id.equals(currentuser._id)){ %>
41 |                 <form style="display: inline" class="pull-right" action="/post/<%= post._id %>/comments/<%= comment._id %>?_method=DELETE" method="POST">
42 |                   <button class="btn btn-xs btn-danger"><i class="trash alternate icon"></i>DELETE</button>
43 |                   <a href="/post/<%= post._id %>/comments/<%= comment._id %>/edit" class="btn btn-xs btn-info">EDIT</a>
44 |                 </form>
45 |                 <% } %>
46 |               </div>
47 |             </div>
48 |           </div>
49 |           <hr>
50 |       <% }); %>
51 |     </div>
52 |   </div>
53 | </div>
54 | 
55 | <% include partials/footer.ejs %>


--------------------------------------------------------------------------------
/routes/comments.js:
--------------------------------------------------------------------------------
 1 | var  express = require("express"),
 2 |      router  = express.Router({mergeParams: true}),
 3 |      post = require("../models/post"),
 4 |      comment = require("../models/comment"),
 5 |      middleware = require("../middleware");
 6 | //Create comment : Form to Create comment
 7 | router.get("/post/:id/comments/create",middleware.isLoggedIn, (req, res) => {
 8 |     post.findById(req.params.id, (err, post) => {
 9 |         if(err){
10 |             res.render("error");
11 |         } else {
12 |              res.render('createcomment', {post:post});
13 |         }
14 |     });
15 | });
16 | 
17 | //Comment : Create New Comment
18 | router.post("/post/:id/comments",middleware.isLoggedIn, (req, res) => {
19 |   post.findById(req.params.id, (err, Post) => {
20 |       if(err){
21 |           res.render("error");
22 |       } else {
23 |         comment.create(req.body.Comment, (err, com) => {
24 |           if(err){
25 |               res.render("error");
26 |           } else {
27 |                 com.profile.id = req.user._id;
28 |                 com.profile.username = req.user.username;
29 |                 com.profile.name = req.user.name;
30 |                 com.save();
31 |                 Post.comments.push(com);
32 |                 Post.save();
33 |                 req.flash("success", "Comment Added!");
34 |                 res.redirect('/post/' + Post._id);
35 |           }
36 |         });
37 |       }
38 |   });
39 | });
40 | 
41 | // Edit Route
42 | router.get('/post/:id/comments/:commentid/edit', middleware.checkownercomment ,(req,res) => {
43 |     post.findById(req.params.id, (err, foundpost) => {
44 |         if(err || !foundpost) {
45 |             res.render("error");
46 |         } else {
47 |             comment.findById(req.params.commentid, (err, foundcomment) => {
48 |                 if (err) {
49 |                     res.render("error");
50 |                 } else {
51 |                     res.render('editcomment', {post_id: req.params.id, comment: foundcomment});   
52 |                 }
53 |             });
54 |         }
55 |     });
56 | });
57 | 
58 | 
59 | //Update Route
60 | router.put('/post/:id/comments/:commentid/', middleware.checkownercomment , (req,res) => {
61 |     req.body.Comment.text = req.sanitize(req.body.Comment.text);
62 |     comment.findByIdAndUpdate(req.params.commentid, req.body.Comment, {new: true}, (err, updatedPost) => {
63 |         if(err) {
64 |             res.redirect('/editcomment');
65 |         } else {
66 |             req.flash("success", "Comment Updated!");
67 |             res.redirect('/post/' + req.params.id);
68 |         }
69 |     });
70 | });
71 | 
72 | 
73 | //Delete Route
74 | router.delete('/post/:id/comments/:commentid/', middleware.checkownercomment ,(req,res) => {
75 |     comment.findByIdAndRemove(req.params.commentid, {new: true}, (err, updatedPost) => {
76 |         if(err) {
77 |             res.redirect('back');
78 |         } else {
79 |             req.flash("success", "Comment deleted!");
80 |             res.redirect('/post/' + req.params.id);
81 |         }
82 |     });
83 | });
84 | 
85 | module.exports = router;


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | <h1 align="center">
 2 |       <em>LetsChat</em>
 3 |   <br>
 4 | </h1>
 5 | The LetsChat is a Web-app relying on Node.js a JavaScript runtime build on Chrome's V8 JavaScript engine. In this project, I tried to built some of the features a Social Networking Site must have from Scratch using Node.js Backend.<br><br>
 6 | 
 7 | <img width="1800" src="public/Screenshot_2019-02-09 LetsChat Home.jpg">
 8 | 
 9 | ### Features:
10 |   - Responsive Feed page
11 |   - Support on Mobile view also
12 |   - RESTful API
13 |   - User Profile (SignUp/Login) also Edit Profile option available
14 |   - Chat Room
15 |   - Post Comment and like(love) option
16 |   - Uploading Photo, Add Caption, update, delete
17 |   
18 |   
19 |   - [Checkout App](https://letschatproject.herokuapp.com)
20 | 
21 | ## Getting Started
22 | 
23 | These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.
24 | 
25 | ### Prerequisites
26 | 
27 |   - Install [NodeJs](https://nodejs.org/en/)
28 |   - Install [MongoDB](https://www.mongodb.com/)
29 |  
30 | #### Note
31 | 
32 |  - If you're using Windows you should install all node-gyp dependencies with following commands:
33 | 
34 | `$ npm install --global --production windows-build-tools`
35 | and then install the package
36 | 
37 | `$ npm install --global node-gyp`
38 | 
39 | 
40 | ### Installing
41 | 
42 |   - Fork the [Letschat](https://github.com/gargarchit/LetsChat) repository on Github
43 |   - Clone your fork to your local machine
44 |    ```bash
45 |    git clone git@github.com:<yourname>/LetsChat.git
46 |    ```
47 |   - Go to the project root directory 
48 |    ```bash
49 |    cd LetsChat
50 |    ```
51 |   - To install node dependencies use
52 |   ```bash
53 |   npm install or yarn install
54 |   ```
55 |   - Go ahead ;)
56 |   ```bash
57 |   npm start or node app.js
58 |   ```  
59 | ## Built With
60 | 
61 |   - [Node.js](https://nodejs.org/en/) Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
62 |   - [MongoDB](https://www.mongodb.com/) cloud database
63 |   - [Express](https://expressjs.com/) Fast, unopinionated, minimalist web framework for Node.js
64 |   - [Passport](http://www.passportjs.org/) Simple, unobtrusive authentication for Node.js
65 |   - [Cloudinary](https://cloudinary.com/) File Upload & Storage
66 |   - [Socket.io](https://socket.io/) Socket.IO enables real-time, bidirectional and event-based communication.
67 |   - [Bootstrap](https://getbootstrap.com/) Responsive Build, world’s most popular front-end component library. 
68 | 
69 | ## Contributing :
70 |   - [LetsChat](https://github.com/gargarchit/LetsChat) has been made by love:heart:. I planned to add some more Features in this     WebApp and improve the performance. If you'd like to help, I'd greatly appreciate any contribution.
71 |   - Go Through the Web app and code and issues also if you find any bug you can add under an issue
72 |   - Send a pull Request at **Dev** Branch
73 |   
74 | ----
75 | <p align="center">
76 | <b>
77 | LetsChat is licensed under the MIT License
78 | </b>
79 | </p>
80 | <p align="center">
81 | <b>Copyright (c) 2019 Archit</b>
82 | </p>
83 | 


--------------------------------------------------------------------------------
/views/partials/header.ejs:
--------------------------------------------------------------------------------
 1 | <!-- Header -->
 2 | <html>
 3 |     <head lang="en">
 4 |         <meta charset="utf-8">
 5 | 		<meta name="description" content="LetsChat Social Networking Site">
 6 |         <meta name="keywords" content="NodeJS, MongoDB, BootStrap, Social Sites, Letschat">
 7 |         <meta name="author" content="Archit">
 8 | 		<meta name="viewport" content="width=device-width, initial-scale=1">
 9 | 		<!--<meta http-equiv="refresh" content="120">-->
10 |         <title>
11 |             LetsChat
12 |         </title>
13 |         <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
14 |         <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
15 |         <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
16 |         <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
17 |         <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
18 |         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.css">
19 |         <link href="/app.css" type="text/css" rel="stylesheet">
20 |     </head>
21 |     <body>
22 |         <!-- Navbar -->
23 |         
24 |         <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
25 |             <span></span>
26 |             <a class="navbar-brand" href="/post"><i class="paper plane icon"></i>LetsChat</a>
27 |             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
28 |                 <span class="navbar-toggler-icon"></span>
29 |             </button>
30 |             <div class="collapse navbar-collapse" id="navbarCollapse">
31 |                 <ul class="navbar-nav mr-auto"><li class="nav-item active"></li></ul>
32 |                 <% if(!currentuser){ %>
33 |                 <a class="btn btn-dark" href="/login"><i class="sign in icon"></i> Login</a>
34 |                 <a class="btn btn-dark" href="/signup"><i class="add user icon"></i> SignUp</a>
35 |                 <% } else { %>
36 |                 <a class="btn btn-dark" href="/chat"><i class="rocketchat icon"></i>Chat Room</a>
37 |                 <a class="btn btn-dark" href = "/createpost"><i class="edit icon"></i>Create Post</a>
38 |                 <a class="btn btn-dark" href="../../user/<%=currentuser._id%>">Hi <%= currentuser.name %>!</a>
39 |                 <a class="btn btn-dark" href="/logout"><i class="sign out icon"></i> Logout</a>
40 |                 <% } %>               
41 |             </div>s
42 |         </nav>
43 |         <!--Navbar End -->
44 |         <div class="container">
45 |             <% if(error && error.length > 0) { %>
46 |                 <div class="alert alert-danger"><p><%=error %></p></div>
47 |             <% } %>
48 |             <% if(success && success.length > 0) { %>
49 |                 <div class="alert alert-success"><p><%= success %></p></div>
50 |             <% } %>
51 |         </div>


--------------------------------------------------------------------------------
/views/signup.ejs:
--------------------------------------------------------------------------------
 1 | <% include partials/header.ejs %>
 2 | 
 3 | <!--Sign Up FORM-->
 4 | <div class="container">
 5 |   <div class="py-5 text-center">
 6 |     <i class="add user icon"></i>
 7 |     <h2>Create an account</h2>
 8 |     <p class="lead">CONNECTIONS - The FUTURE ASSETS</p>
 9 |   </div>
10 |   <hr class="mb-4">
11 |   <div class="row">
12 |     <div class="col-md-12">
13 |       <h4 class="mb-3 text-center">Account Info</h4>
14 |       <hr class="mb-4">
15 |       <form class="needs-validation"  action='/signup' method='POST' novalidate>
16 |         <div class="form-row">
17 |           <div class="col-md-6 mb-3">
18 |             <label for="firstName"><i class="user icon"></i>Full Name</label>
19 |             <input type="text" class="form-control" id="name" name="name" placeholder="Full Name" required>
20 |             <div class="invalid-feedback">
21 |               Valid Name is required.
22 |             </div>
23 |           </div>
24 |           <div class="col-md-6 mb-3">
25 |           <label for="username">Username</label>
26 |           <div class="input-group">
27 |             <div class="input-group-prepend">
28 |               <span class="input-group-text">@</span>
29 |             </div>
30 |             <input type="text" class="form-control w-50" id="username" name="username" placeholder="Username" aria-describedby="usernameHelpBlock" required>
31 |             <small id="usernameHelpBlock" class="form-text text-muted">
32 |               Your Username must contain letters(1 letter required), numbers or _ length must be between 4 to 16.
33 |             </small>
34 |             <div class="invalid-feedback" style="width: 100%;">
35 |               Your username is required.
36 |             </div>
37 |           </div>
38 |         </div>
39 |         </div>
40 |         <div class="form-row">
41 |           <div class="col-md-6 mb-3">
42 |             <label for="email">Email</label>
43 |             <input type="email" class="form-control" id="email" name="email" placeholder="you@example.com" required>
44 |             <div class="invalid-feedback">
45 |               Please enter a valid email address
46 |             </div>
47 |           </div>
48 |           <div class="col-md-6 mb-3">
49 |           <label for="inputPassword5">Password</label>
50 |           <input type="password" id="inputPassword5" class="form-control" name="password" aria-describedby="passwordHelpBlock">
51 |           <small id="passwordHelpBlock" class="form-text text-muted">
52 |             Your password must contain letters and numbers,special characters, and must not contain spaces, or emoji.
53 |           </small>
54 |           <div class="invalid-feedback">
55 |               Please enter valid Password.
56 |             </div>
57 |           </div>
58 |         </div>
59 |         <hr class="mb-4">
60 |         <button class="btn btn-primary btn-lg btn-block" type="submit">SignUp</button>
61 |       </form>
62 |     </div>
63 |   </div>
64 |   
65 | <!--Form Validation  -->
66 | <script>
67 | (function () {
68 |   'use strict'
69 | 
70 |   window.addEventListener('load', function () {
71 |     var forms = document.getElementsByClassName('needs-validation')
72 |     Array.prototype.filter.call(forms, function (form) {
73 |       form.addEventListener('submit', function (event) {
74 |         if (form.checkValidity() === false) {
75 |           event.preventDefault()
76 |           event.stopPropagation()
77 |         }
78 |         form.classList.add('was-validated')
79 |       }, false)
80 |     })
81 |   }, false)
82 | }())
83 | </script>
84 | <% include partials/footer.ejs %>
85 | 


--------------------------------------------------------------------------------
/routes/auth_index.js:
--------------------------------------------------------------------------------
  1 | var express = require("express"),
  2 |     router  = express.Router(),
  3 |     passport = require("passport"),
  4 |     user = require("../models/user"),
  5 |     post = require("../models/post"),
  6 |     middleware = require("../middleware"),
  7 |     multer = require('multer'),
  8 | 
  9 | storage = multer.diskStorage({
 10 |     filename: function(req, file, callback) {
 11 |         callback(null, Date.now() + file.originalname);
 12 |     }
 13 | });
 14 | var imageFilter = function (req, file, cb) {
 15 |     if (!file.originalname.match(/\.(jpg|jpeg|png|gif)$/i)) {
 16 |         return cb(new Error('Only jpg, jpeg, png, gif format file accepted'), false);
 17 |     }
 18 |     cb(null, true);
 19 | };
 20 | var upload = multer({ storage: storage, fileFilter: imageFilter});
 21 | 
 22 | var cloudinary = require('cloudinary');
 23 | cloudinary.config({ 
 24 |   cloud_name: 'letschat', 
 25 |   api_key: process.env.CLOUDINARY_API_KEY, 
 26 |   api_secret: process.env.CLOUDINARY_API_SECRET
 27 | });
 28 |     
 29 | //Home Page
 30 | router.get('/', (req,res) => {
 31 |     res.render('home',{user: req.user});
 32 | });
 33 | 
 34 | // Form SignUp
 35 | router.get('/signup', (req,res) => {
 36 |     res.render('signup');
 37 | });
 38 | 
 39 | router.post('/signup', (req,res) => {
 40 |     var newuser = new user({username: req.body.username});
 41 |     user.register(newuser, req.body.password, (err, user) => {
 42 |         if(err){
 43 |             req.flash("error", err.message);
 44 |             res.redirect("/signup");
 45 |         } else {
 46 |             passport.authenticate("local")(req, res, () => {
 47 |             newuser.name = req.body.name;
 48 |             newuser.email = req.body.email;
 49 |             newuser.save();
 50 |             res.redirect("/post");
 51 |         });
 52 |         }
 53 |     });
 54 | });
 55 | 
 56 | // LogIn
 57 | router.get('/login', (req,res) => {
 58 |     res.render('login');
 59 | });
 60 | 
 61 | router.post("/login", passport.authenticate("local", {
 62 |         successRedirect: "/post",
 63 |         failureRedirect: "/login",
 64 |         failureFlash: true,
 65 |     }), (req, res) => {
 66 | });
 67 | 
 68 | // Log Out
 69 | router.get("/logout", (req, res) => {
 70 |    req.logout();
 71 |    req.flash("success", "You have successfully logged out!");
 72 |    res.redirect("/login");
 73 | });
 74 | 
 75 | // Profile
 76 | router.get('/user/:id',middleware.isLoggedIn, (req, res, next) => {
 77 |     user.findById(req.params.id, (err, user) => {
 78 |        if(err){
 79 |            req.flash("error", "User Not Found");
 80 |            res.redirect("/post");
 81 |        } else {
 82 |            post.find().where('profile.id').equals(user._id).exec((err, posts) => {
 83 |                if(err){
 84 |                     req.flash("error", "User Not Found");
 85 |                     res.redirect("/post");
 86 |                }
 87 |                var currentU = req.user;
 88 |                res.render('profile', {user: user,currentU: currentU, post: posts});
 89 |            });
 90 |        }
 91 |     });
 92 | });
 93 | 
 94 | 
 95 | // show edit form
 96 | router.get("/user/:id/edit", middleware.isLoggedIn, (req, res) => {
 97 |   user.findById(req.params.id, (err, foundUser) => {
 98 |     if (err || !foundUser) {
 99 |         return res.redirect("back"); 
100 |     }
101 |     if (foundUser._id.equals(req.user._id)) {
102 |       res.render("useredit", {user: foundUser}); 
103 |     } else {
104 |       req.flash("error", "permission Not Granted");
105 |       res.redirect("back");
106 |     } 
107 |   });
108 | });
109 |  
110 | //update profile
111 | router.put("/user/:id",middleware.isLoggedIn, (req, res) => {
112 |   user.findByIdAndUpdate(req.params.id, req.body.User, {new: true}, (err, updatedUser) => {
113 |     if (err) {
114 |       req.flash("error", "Something went wrong...");
115 |       return res.redirect("/user" + req.params.id);
116 |     }
117 |     if (updatedUser._id.equals(req.user._id)) {
118 |       res.redirect("/user/" + req.params.id);
119 |     } else {
120 |       req.flash("error","Permission Not granted");
121 |       res.redirect("/campgrounds");
122 |     }
123 |   });
124 | });
125 | 
126 | module.exports = router;


--------------------------------------------------------------------------------
/views/home.ejs:
--------------------------------------------------------------------------------
 1 | <!-- Header -->
 2 | <html>
 3 |     <head lang="en">
 4 |         <meta charset="utf-8">
 5 | 		<meta name="description" content="LetsChat Social Networking Site">
 6 |         <meta name="keywords" content="NodeJS, MongoDB, BootStrap, Social Sites, Letschat">
 7 |         <meta name="author" content="Archit">
 8 | 		<meta name="viewport" content="width=device-width, initial-scale=1">
 9 | 		<!--<meta http-equiv="refresh" content="120">-->
10 |         <title>
11 |             LetsChat Home
12 |         </title>
13 |         <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
14 |         <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
15 |         <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
16 |         <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
17 |         <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
18 |         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.css">
19 |         <link href="/cover.css" type="text/css" rel="stylesheet">
20 |         <style>
21 |           .bd-placeholder-img {
22 |             font-size: 1.125rem;
23 |             text-anchor: middle;
24 |           }
25 |     
26 |           @media (min-width: 768px) {
27 |             .bd-placeholder-img-lg {
28 |               font-size: 3.5rem;
29 |             }
30 |           }
31 |         </style>
32 |     </head>
33 |     <body class="text-center">
34 |         <div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
35 |             <header class="masthead mb-auto">
36 |             <div class="inner">
37 |                 <h3 class="masthead-brand"><a class="navbar-brand" href="/post"><i class="paper plane icon"></i>LetsChat</a></h3>
38 |                 <nav class="nav nav-masthead justify-content-center">
39 |                     <% if(!currentuser){ %>
40 |                     <a class="nav-link active" href="/login"><i class="sign in icon"></i> Login</a>
41 |                     <a class="nav-link active" href="/signup"><i class="add user icon"></i> SignUp</a>
42 |                     <% } else { %>
43 |                     <a class="nav-link active" href="../user/<%=currentuser._id%>">Hi <%= currentuser.name %>!</a>
44 |                     <a class="nav-link" href="/logout"><i class="sign out icon"></i> Logout</a>
45 |                     <% } %>    
46 |                 </nav>
47 |             </div>
48 |             </header>
49 |     
50 |             <main role="main" class="inner cover">
51 |                 <h1 class="cover-heading"><i class="paper plane icon"></i>LetsChat</h1>
52 |                 <p class="lead"><strong>CONNECTIONS - The FUTURE ASSETS</strong></p>
53 |                 <p class="lead">
54 |                   <strong>Coming together is a beginning, staying together is progress, and working together is success.</strong>
55 |                 </p>
56 |                 <% if(!currentuser){ %>
57 |                 <% } else { %>
58 |                 <p class="lead">
59 |                     <a href="/post"><i class="camera retro icon"></i><strong>Check Feed</strong></a>
60 |                 </p>
61 |                 <p class="lead">
62 |                     <a href="/chat"><i class="rocketchat icon"></i><strong>Chat Room</strong></a>
63 |                 </p>
64 |                 <% } %>
65 |             </main>
66 |             <footer class="mastfoot mt-auto">
67 |                 <div class="inner">
68 |                   <p><a href="https://www.linkedin.com/in/garg4">ARCHIT&nbsp;<i class="copyright outline icon"></i>2019</a></p>
69 |                 </div>
70 |             </footer>
71 |         </div>
72 |     </body>
73 | </html>
74 | 


--------------------------------------------------------------------------------
/routes/posts.js:
--------------------------------------------------------------------------------
  1 | var express = require("express"),
  2 |     router  = express.Router(),
  3 |     post = require("../models/post"),
  4 |     middleware = require("../middleware"),
  5 |     multer = require('multer'),
  6 |     
  7 | 
  8 | storage = multer.diskStorage({
  9 |     filename: function(req, file, callback) {
 10 |         callback(null, Date.now() + file.originalname);
 11 |     }
 12 | });
 13 | var imageFilter = function (req, file, cb) {
 14 |     if (!file.originalname.match(/\.(jpg|jpeg|png|gif)$/i)) {
 15 |         return cb(new Error('Only jpg, jpeg, png, gif format file accepted'), false);
 16 |     }
 17 |     cb(null, true);
 18 | };
 19 | var upload = multer({ storage: storage, fileFilter: imageFilter});
 20 | 
 21 | var cloudinary = require('cloudinary');
 22 | cloudinary.config({ 
 23 |   cloud_name: 'letschat', 
 24 |   api_key: process.env.CLOUDINARY_API_KEY, 
 25 |   api_secret: process.env.CLOUDINARY_API_SECRET
 26 | });
 27 |     
 28 |     
 29 | //Post : Show all Post Front Page
 30 | router.get('/post', (req,res) => {
 31 |     post.find( {}, (err,post) => {
 32 |         if(err){
 33 |             res.render("error");
 34 |         } else {
 35 |             res.render("index", {post:post});
 36 |         }
 37 |     });
 38 | });
 39 | 
 40 | //Post : Create New Post
 41 | router.post('/post',middleware.isLoggedIn, upload.single('image'), (req,res) => {
 42 |     cloudinary.uploader.upload(req.file.path, (result)=> {
 43 |         req.body.Post.image = result.secure_url;
 44 |         req.body.Post.imageId = result.public_id;
 45 |         req.body.Post.caption = req.sanitize(req.body.Post.caption);
 46 |         var newpost = req.body.Post;
 47 |         post.create(newpost, (err,post) => {
 48 |             if(err){
 49 |                 res.render("error");
 50 |             } else {
 51 |                 post.profile.id = req.user._id;
 52 |                 post.profile.username = req.user.username;
 53 |                 post.profile.name = req.user.name;
 54 |                 post.save();
 55 |                 res.redirect('/post');
 56 |             }
 57 |         });
 58 |     });
 59 | });
 60 | 
 61 | //Create Post : Form to Create Post
 62 | router.get('/createpost',middleware.isLoggedIn, (req,res) => {
 63 |     res.render('createpost');
 64 | });
 65 | 
 66 | //Show Post on Click
 67 | router.get('/post/:id', (req,res) => {
 68 |     post.findById(req.params.id).populate('comments').populate('like').exec((err, foundpost) => {
 69 |         if(err || !foundpost) {
 70 |             res.render("error");
 71 |         } else {
 72 |             res.render('show', {post:foundpost});
 73 |         }
 74 |     });
 75 | });
 76 | 
 77 | // Edit Route
 78 | router.get('/post/:id/edit', middleware.checkowner ,(req,res) => {
 79 |     post.findById(req.params.id, (err, foundpost) => {
 80 |         if (err) {
 81 |             res.render("error");
 82 |         } else {
 83 |             res.render('edit', {post:foundpost});   
 84 |         }
 85 |     });
 86 | });
 87 | 
 88 | //Update Route
 89 | router.put("/post/:id", upload.single('image'), function(req, res){
 90 |     post.findById(req.params.id, async function(err, post){
 91 |         if(err){
 92 |             res.redirect('error');
 93 |         } else {
 94 |             if (req.file) {
 95 |               try {
 96 |                   await cloudinary.v2.uploader.destroy(post.imageId);
 97 |                   var result = await cloudinary.v2.uploader.upload(req.file.path);
 98 |                   post.imageId = result.public_id;
 99 |                   post.image = result.secure_url;
100 |               } catch(err) {
101 |                   console.log(err);
102 |                   res.redirect('error');
103 |               }
104 |             }
105 |             post.caption = req.body.caption;
106 |             post.save();
107 |             req.flash("success","Successfully Updated!");
108 |             res.redirect("/post/" + post._id);
109 |         }
110 |     });
111 | });
112 | //Delete Route
113 | router.delete('/post/:id', middleware.checkowner, function(req, res) {
114 |   post.findById(req.params.id, async function(err, post) {
115 |     if(err) {
116 |       res.redirect('/post/');
117 |     }
118 |     try {
119 |         await cloudinary.v2.uploader.destroy(post.imageId);
120 |         post.remove();
121 |         res.redirect('/post/');
122 |     } catch(err) {
123 |         if(err) {
124 |           res.redirect('/post/');
125 |         }
126 |     }
127 |   });
128 | });
129 | 
130 | module.exports = router;


--------------------------------------------------------------------------------
/views/useredit.ejs:
--------------------------------------------------------------------------------
  1 | <% include partials/header.ejs %>
  2 | <!--Sign Up FORM-->
  3 | <div class="container">
  4 |   <div class="py-5 text-center">
  5 |     <i class="add user icon"></i>
  6 |     <h2>Update Profile</h2>
  7 |   </div>
  8 |   <hr class="mb-4">
  9 |   <div class="row">
 10 |     <div class="col-md-12">
 11 |       <h4 class="mb-3 text-center">Account Info</h4>
 12 |       <hr class="mb-4">
 13 |       <form class="needs-validation"  action="/user/<%= user._id %>?_method=PUT" method="POST" novalidate>
 14 |         <div class="form-row">
 15 |           <div class="col-md-6 mb-3">
 16 |             <label for="firstName"><i class="user icon"></i>Full Name</label>
 17 |             <input class="form-control" type="text" name="User[name]" value="<%= user.name %>" autocomplete="off" required />
 18 |             <div class="invalid-feedback">
 19 |               Valid Name is required.
 20 |             </div>
 21 |           </div>
 22 |           <div class="col-md-6 mb-3">
 23 |             <label for="firstName"><i class="user icon"></i>Gender(Male/Female)</label>
 24 |             <input class="form-control" type="text" name="User[gender]" value="<%= user.gender %>" autocomplete="off" />
 25 |             <div class="invalid-feedback">
 26 |               Enter your Gender
 27 |             </div>
 28 |           </div> 
 29 |         </div>
 30 |         <div class="form-row">
 31 |           <div class="col-md-6 mb-3">
 32 |             <label for="firstName"><i class="pencil alternate icon"></i>Bio: </label>
 33 |             <input class="form-control" type="text" name="User[about]" value="<%= user.about %>" autocomplete="off" required />
 34 |             <div class="invalid-feedback">
 35 |               Please Enter Your Bio
 36 |             </div>
 37 |           </div>
 38 |           <div class="col-md-6 mb-3">
 39 |             <label for="firstName"><i class="briefcase icon"></i>Work At</label>
 40 |             <input class="form-control" type="text" name="User[work]" value="<%= user.work %>" autocomplete="off" />
 41 |             <div class="invalid-feedback">
 42 |               Add where you work at
 43 |             </div>
 44 |           </div>
 45 |         </div>
 46 |         <div class="form-row">
 47 |           <div class="col-md-6 mb-3">
 48 |             <label for="firstName"><i class="file image icon"></i>Profile Pic</label>
 49 |             <input class="form-control" type="text" name="User[image]" value="<%= user.image %>" autocomplete="off" />
 50 |             <div class="invalid-feedback">
 51 |               Please Provide Valid Pic url
 52 |             </div>
 53 |           </div>
 54 |           <div class="col-md-6 mb-3">
 55 |             <label for="firstName"><i class="phone icon"></i>Contact Number</label>
 56 |             <input class="form-control" type="text" name="User[contactno]" value="<%= user.contactno %>" autocomplete="off" />
 57 |             <div class="invalid-feedback">
 58 |               Please Enter Valid contact Number
 59 |             </div>
 60 |           </div>
 61 |         </div>
 62 |         <div class="form-row">
 63 |           <div class="col-md-6 mb-3">
 64 |             <label for="firstName"><i class="globe icon"></i>Website</label>
 65 |             <input class="form-control" type="text" name="User[website]" value="<%= user.website %>" autocomplete="off" />
 66 |             <div class="invalid-feedback">
 67 |               Please Enter Valid Website
 68 |             </div>
 69 |           </div> 
 70 |           <div class="col-md-6 mb-3">
 71 |             <label for="firstName"><i class="map marker alternate icon"></i>Location</label>
 72 |             <input class="form-control" type="text" name="User[address]" value="<%= user.address %>" autocomplete="off" />
 73 |             <div class="invalid-feedback">
 74 |               Please Provide valid Address
 75 |             </div>
 76 |           </div>
 77 |         </div>
 78 |         <hr class="mb-4">
 79 |         <button class="btn btn-primary btn-lg btn-block" type="submit">Update Profile!</button>
 80 |       </form>
 81 |     </div>
 82 |   </div>
 83 |   
 84 | <!--Form Validation  -->
 85 | <script>
 86 | (function () {
 87 |   'use strict'
 88 | 
 89 |   window.addEventListener('load', function () {
 90 |     var forms = document.getElementsByClassName('needs-validation')
 91 |     Array.prototype.filter.call(forms, function (form) {
 92 |       form.addEventListener('submit', function (event) {
 93 |         if (form.checkValidity() === false) {
 94 |           event.preventDefault()
 95 |           event.stopPropagation()
 96 |         }
 97 |         form.classList.add('was-validated')
 98 |       }, false)
 99 |     })
100 |   }, false)
101 | }())
102 | </script>
103 | <% include partials/footer.ejs %>


--------------------------------------------------------------------------------
/views/profile.ejs:
--------------------------------------------------------------------------------
  1 | <% include partials/header.ejs %>
  2 | 
  3 | <style>body{
  4 |     margin-top:70px;
  5 |       }
  6 | .btn{
  7 |         border:0px solid transparent;
  8 |     }
  9 | </style>
 10 | <div class="container">
 11 |    <div class="row">
 12 |       <div class="col-lg-4">
 13 |          <div class="profile-card-4 z-depth-3">
 14 |             <div class="card">
 15 |                <div class="card-body text-center bg-dark rounded-top">
 16 |                   <div class="user-box">
 17 |                      <% if(!user.image & user.gender === "Male"){ %>
 18 |                         <img src="https://cdn0.iconfinder.com/data/icons/user-pictures/100/malecostume-512.png" alt="user avatar">
 19 |                      <% } else if(!user.image && user.gender === "Female"){ %>
 20 |                         <img src="https://i1.wp.com/nofiredrills.com/wp-content/uploads/2016/10/myavatar.png?fit=400%2C400&ssl=1" alt="user avatar">
 21 |                      <% } else if(!user.image){ %>
 22 |                         <img src="http://icons.iconarchive.com/icons/iconsmind/outline/512/Add-User-icon.png" alt="user avatar">
 23 |                      <% } else { %>
 24 |                         <img src="<%=user.image%>" alt="user avatar">
 25 |                      <% } %>
 26 |                   </div>
 27 |                   <h5 class="mb-1 text-white"><a href="/user/<%= user._id %>/edit">Add/edit profile pic</a></h5>
 28 |                   <h5 class="mb-1 text-white"><%=user.name%></h5>
 29 |                   <h6 class="text-light"><%=user.gender%></h6>
 30 |                </div>
 31 |                <div class="card-body">
 32 |                   <ul class="list-group shadow-none">
 33 |                      <li class="list-group-item">
 34 |                         <div class="list-details">
 35 |                            <span>Bio: <%=user.about%></span>
 36 |                         </div>
 37 |                      </li>
 38 |                      <li class="list-group-item">
 39 |                         <div class="list-details">
 40 |                            <span><i class="briefcase icon"></i>Work at <%=user.work%></span>
 41 |                         </div>
 42 |                      </li> 
 43 |                      <li class="list-group-item">
 44 |                         <div class="list-details">
 45 |                            <span><i class="phone icon"></i> <%=user.contactno%></span>
 46 |                         </div>
 47 |                      </li>
 48 |                      <li class="list-group-item">
 49 |                         <div class="list-details">
 50 |                            <span><i class="fa fa-envelope"></i> <%=user.email%></span>
 51 |                         </div>
 52 |                      </li>
 53 |                      <li class="list-group-item">
 54 |                         <div class="list-details">
 55 |                            <span><i class="globe icon"></i> <%=user.website%></span>
 56 |                         </div>
 57 |                      </li>
 58 |                      <li class="list-group-item">
 59 |                         <div class="list-details">
 60 |                            <span><i class="map marker alternate icon"></i>Lives in <%=user.address%></span>
 61 |                         </div>
 62 |                      </li>
 63 |                   </ul>
 64 |                </div>
 65 |             </div>
 66 |          </div>
 67 |       </div>
 68 |       <div class="col-lg-8">
 69 |          <div class="card z-depth-3">
 70 |             <div class="card-body">
 71 |                <ul class="nav nav-pills nav-pills-primary nav-justified">
 72 |                   <li class="nav-item">
 73 |                      <a href="javascript:void();" data-target="#profile" data-toggle="pill" class="nav-link active show"><i class="icon-user"></i> <span class="hidden-xs">TIMELINE</span></a>
 74 |                   </li>
 75 |                   <% if(currentU && user._id.equals(currentU._id)){ %>
 76 |                   <li class="nav-item">
 77 |                      <a href="/user/<%= user._id %>/edit" class="nav-link"><i class="icon-note"></i> <span class="hidden-xs">Edit Profile</span></a>
 78 |                   </li>
 79 |                   <% } %>
 80 |                </ul>
 81 |                <div class="tab-content p-3">
 82 |                   <div class="tab-pane active show" id="profile">
 83 |                      <h5 class="mb-3">Posts</h5>
 84 |                      <div class="row">
 85 |                         <div class="col-md-12">
 86 |                         <% post.forEach((posts) => { %>
 87 |                            <div class="thumbnail">
 88 |                               <a href = "/post/<%= posts._id %>"><img class="img-responsive" src="<%- posts.image %>"></a>
 89 |                               <div class="caption-full">
 90 |                                   <h4 class="pull-right"><%= moment(posts.created).fromNow() %></h4>
 91 |                                   <h2><a><%-posts.caption%></a></h2>
 92 |                                   <form class="ui form" action="/post/<%= posts._id %>/likes/"method="POST">
 93 |                                       <button id="lbt" class="btn btn-outline-primary" ng-click="levelL()"><i class="heart icon"></i><%=posts.like.length%></button>
 94 |                                       <a class="reply" href = "/post/<%= posts._id %>"><i class="comments icon"></i><%=posts.comments.length%></a>
 95 |                                   </form>
 96 |                               </div>
 97 |                               <hr class="mb-4">
 98 |                               <hr class="mb-4">
 99 |                            </div>
100 |                         <% }); %>
101 |                         </div>
102 |                      </div>
103 |                   </div>
104 |                </div>
105 |             </div>
106 |          </div>
107 |       </div>
108 |    </div>
109 | </div>
110 | <% include partials/footer.ejs %>


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