Due date

.gitignore

@@ -1,3 +1,3 @@
 node_modules
 .vscode/*
-.env
+config/.env

controllers/todos.js

@@ -6,14 +6,15 @@ module.exports = {
         try{
             const todoItems = await Todo.find({userId:req.user.id})
             const itemsLeft = await Todo.countDocuments({userId:req.user.id,completed: false})
-            res.render('todos.ejs', {todos: todoItems, left: itemsLeft, user: req.user})
+            const dueDate = await Todo.find({userId:req.user.dueDate})
+            res.render('todos.ejs', {todos: todoItems, left: itemsLeft, user: req.user, dueDate: dueDate})
         }catch(err){
             console.log(err)
         }
     },
     createTodo: async (req, res)=>{
         try{
-            await Todo.create({todo: req.body.todoItem, completed: false, userId: req.user.id})
+            await Todo.create({todo: req.body.todoItem, completed: false, userId: req.user.id, dueDate: req.body.dueDate})
             console.log('Todo has been added!')
             res.redirect('/todos')
         }catch(err){

models/Todo.js

@@ -12,6 +12,10 @@ const TodoSchema = new mongoose.Schema({
   userId: {
     type: String,
     required: true
+  },
+  dueDate: {
+    type: String,
+    required: true
   }
 })
 

public/js/main.js

@@ -66,4 +66,4 @@ async function markIncomplete(){
     }catch(err){
         console.log(err)
     }
-}
+}

views/todos.ejs

@@ -13,6 +13,7 @@
     <% todos.forEach( el => { %>
             <li class='todoItem' data-id='<%=el._id%>'>
                 <span class='<%= el.completed === true ? 'completed' : 'not'%>'><%= el.todo %></span>
+                <span class="dueDate">Due Date: <%= el.dueDate %></span>
                 <span class='del'> Delete </span>
             </li>
     <% }) %>    
@@ -22,6 +23,7 @@
 
     <form action="/todos/createTodo" method='POST'>
         <input type="text" placeholder="Enter Todo Item" name='todoItem'>
+        <input type="date" name="dueDate">
         <input type="submit">
     </form>