iamshaunjp · imvpn22 · Jul 27, 2017 · Jul 27, 2017 · Jul 27, 2017 · Jul 27, 2017
diff --git a/.gitignore b/.gitignore
@@ -1,3 +1,7 @@
+#project local
+node_modules
+
+
 # Windows image file caches
 Thumbs.db
 ehthumbs.db

diff --git a/Each lesson Codes b/Each lesson Codes
diff --git a/Practice/#1 code of the play list.js b/Practice/#1 code of the play list.js
diff --git a/Practice/#10 File Read and Write/app.js b/Practice/#10 File Read and Write/app.js
diff --git a/Practice/#10 File Read and Write/sample.txt b/Practice/#10 File Read and Write/sample.txt
diff --git a/Practice/#11 Asyc/app.js b/Practice/#11 Asyc/app.js
diff --git a/Practice/#11 Asyc/input.txt b/Practice/#11 Asyc/input.txt
diff --git a/Practice/#2 callfunction.js b/Practice/#2 callfunction.js
diff --git a/Practice/#3 dirname.js b/Practice/#3 dirname.js
diff --git a/Practice/#4 event.js b/Practice/#4 event.js
diff --git a/Practice/#5 getmodule.js b/Practice/#5 getmodule.js
diff --git a/Practice/#6 moduleexp.js b/Practice/#6 moduleexp.js
diff --git a/Practice/#7 num 3.js b/Practice/#7 num 3.js
diff --git a/Practice/#8 setInterval.js b/Practice/#8 setInterval.js
diff --git a/Practice/#9 util.js b/Practice/#9 util.js
diff --git a/README.md b/README.md
@@ -1,9 +1,3 @@
-# node-js-playlist
-CSS and asset files for the Net Ninja YouTube nodejs playlist
+# Todo app
+This is a web app created in Node.js, using mongodb
 
-The final project code can be found in the public/assests folder of this repo
-
-If you have been following the tutorial, code for each and every lesson is added in the Practice folder so you can directly download and check.
-All files have been tested.
-
-If more files for  .\Practice\ should be added. They will be added very soon.
diff --git a/app.js b/app.js
@@ -0,0 +1,18 @@
+var express = require('express');
+var todoController = require('./controllers/todoController');
+
+
+var app = express();
+
+// Set up template engine
+app.set('view engine', 'ejs');
+
+// static files
+app.use(express.static('./public'));
+
+// fire controllers
+todoController(app);
+
+// listen to port
+app.listen('3000');
+console.log('You are listening to port 3000');
diff --git a/controllers/todoController.js b/controllers/todoController.js
@@ -0,0 +1,49 @@
+var bodyParser = require('body-parser');
+var mongoose = require('mongoose');
+
+
+var uri="mongodb://test:[email protected]:29023/todo-db-vpn";
+
+//Connect to database
+mongoose.connect(uri);
+
+// Create a schema - this is like a blueprint
+var todoSchema = new mongoose.Schema({
+  item: String
+});
+
+var Todo = mongoose.model('Todo', todoSchema);
+
+// var data = [{item: 'get milk'}, {item: 'Walk dog'}, {item: 'Do some code'}];
+var urlencodedParser = bodyParser.urlencoded({extended: false});
+
+module.exports = function(app) {
+
+  app.get('/todo', function(req, res){
+    // get data from the mongodb and pass it to view
+    Todo.find({}, function(err, data){
+      if(err) throw err;
+      res.render('todo', {todos: data});
+    });
+  });
+
+  app.post('/todo', urlencodedParser, function(req, res){
+    // get data from the view and add it to mongodb
+    var newTodo = Todo(req.body).save(function(err, data){
+      if(err) throw err;
+      res.json(data);
+    });
+  });
+
+  app.delete('/todo/:item', function(req, res){
+    // delete the requested item from mongodb
+    Todo.find({item: req.params.item.replace(/\-/g, " ")}).remove(function(err, data){
+      if (err) throw err;
+      res.json(data);
+    });
+  });
+
+
+
+
+};
diff --git a/package.json b/package.json
@@ -0,0 +1,26 @@
+{
+  "name": "todo-app",
+  "version": "1.0.0",
+  "description": "A little app to use as a To Do list",
+  "main": "app.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/imvpn22/node-js-playlist.git"
+  },
+  "author": "imvpn22, netninja",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/imvpn22/node-js-playlist/issues"
+  },
+  "homepage": "https://github.com/imvpn22/node-js-playlist#readme",
+  "dependencies": {
+    "body-parser": "^1.17.2",
+    "ejs": "^2.5.6",
+    "express": "^4.15.3",
+    "mongodb": "^2.2.30",
+    "mongoose": "^4.11.4"
+  }
+}
diff --git a/public/assets/styles.css b/public/assets/styles.css
@@ -64,7 +64,7 @@ li:hover{
 }
 
 h1{
-    background: url(/logo.png) no-repeat center;
+    background: url(/assets/logo.png) no-repeat center;
     margin-bottom: 0;
     text-indent: -10000px;
 }
diff --git a/public/assets/todo-list.js b/public/assets/todo-list.js
@@ -20,7 +20,7 @@ $(document).ready(function(){
   });
 
   $('li').on('click', function(){
-      var item = $(this).text().replace(/ /g, "-");
+      var item = $(this).text().replace(/ /g, '-');
       $.ajax({
         type: 'DELETE',
         url: '/todo/' + item,

diff --git a/views/todo.ejs b/views/todo.ejs
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>Todo List</title>
+  <script src="http://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
+  <link href="/assets/styles.css" rel="stylesheet" type="text/css">
+  <script src="/assets/todo-list.js"></script>
+</head>
+<body>
+  <h1>My todo list</h1>
+  <div id="todo-table">
+    <form>
+      <input type="text" name="item" placeholder="Add new item..." required />
+      <button type="submit">Add Item</button>
+    </form>
+
+    <ul>
+      <% for(var i=0; i < todos.length; i++) { %>
+        <li><%= todos[i].item %></li>
+      <% } %>
+    </ul>
+
+  </div>
+</body>
+</html>