Ayushparikh-code
diff --git a/‎darkmode_todolist/.gitignore
Lines changed: 2 additions & 0 deletions b/‎darkmode_todolist/.gitignore
Lines changed: 2 additions & 0 deletions
diff --git a/‎darkmode_todolist/Readme.md
Lines changed: 47 additions & 0 deletions b/‎darkmode_todolist/Readme.md
Lines changed: 47 additions & 0 deletions
diff --git a/‎darkmode_todolist/app.js
Lines changed: 56 additions & 0 deletions b/‎darkmode_todolist/app.js
Lines changed: 56 additions & 0 deletions
diff --git a/‎darkmode_todolist/date.js
Lines changed: 27 additions & 0 deletions b/‎darkmode_todolist/date.js
Lines changed: 27 additions & 0 deletions
diff --git a/‎darkmode_todolist/images/main.PNG
24.9 KB b/‎darkmode_todolist/images/main.PNG
24.9 KB
diff --git a/‎darkmode_todolist/images/work.PNG
16.9 KB b/‎darkmode_todolist/images/work.PNG
16.9 KB
diff --git a/‎darkmode_todolist/index.html
Lines changed: 11 additions & 0 deletions b/‎darkmode_todolist/index.html
Lines changed: 11 additions & 0 deletions
@@ -0,0 +1,2 @@
+.DS_Store
+node_modules/
@@ -0,0 +1,47 @@
+<h1>To Do List</h1>
+
+<p>To Do list made using HTML, CSS,JS and Node.js.</p>
+
+### To Do List :
+
+<p>This app allows you to make a list of events you want to do and you can strikeout the events completed.</p>
+
+<h3>Used Technologies</h3>
+<ul>
+  <li>HTML5</li>
+  <li>CSS3</li>
+  <li>JavaScript</li>
+  <li>Node.js</li>
+</ul>
+
+#### Steps to Use:
+
+---
+* Download [Node Js and npm(Node package manager)](https://nodejs.org/en/) (when you install Node, npm also gets installed by default)
+<br/>
+
+* Clone the repository by running command
+```
+git clone https://github.com/Ayushparikh-code/Web-dev-mini-projects.git
+```
+in your git bash.
+<br/>
+
+* Run command `cd todolist`.
+<br/>
+
+* Run this command to install all dependencies for the project.
+```npm install
+
+```
+*Run this command to run the file.
+```
+node app.js
+```
+* Open http://localhost:3000/ on your browser.
+<br/>
+
+<h3>ScreenShots</h3>
+<br>
+<img src="https://github.com/ayushseth07/Web-dev-mini-projects/blob/patch/todolist/images/main.PNG"/>
+<img src="https://github.com/ayushseth07/Web-dev-mini-projects/blob/patch/todolist/images/work.PNG"/>
@@ -0,0 +1,56 @@
+//jshint esversion:6
+
+const express = require("express");
+const bodyParser = require("body-parser");
+const date = require(__dirname + "/date.js");
+
+const app = express();
+
+app.set('view engine', 'ejs');
+
+app.use(bodyParser.urlencoded({
+  extended: true
+}));
+app.use(express.static("public"));
+
+const items = [];
+const workItems = [];
+
+app.get("/", function(req, res) {
+
+  const day = date.getDate();
+
+  res.render("list", {
+    listTitle: day,
+    newListItems: items
+  });
+
+});
+
+app.post("/", function(req, res) {
+
+  const item = req.body.newItem;
+
+  if (req.body.list === "Work") {
+    workItems.push(item);
+    res.redirect("/work");
+  } else {
+    items.push(item);
+    res.redirect("/");
+  }
+});
+
+app.get("/work", function(req, res) {
+  res.render("list", {
+    listTitle: "Work List",
+    newListItems: workItems
+  });
+});
+
+app.get("/about", function(req, res) {
+  res.render("about");
+});
+
+app.listen(3000, function() {
+  console.log("Server started on port 3000");
+});
@@ -0,0 +1,27 @@
+//jshint esversion:6
+
+exports.getDate = function() {
+
+  const today = new Date();
+
+  const options = {
+    weekday: "long",
+    day: "numeric",
+    month: "long"
+  };
+
+  return today.toLocaleDateString("en-US", options);
+
+};
+
+exports.getDay = function() {
+
+  const today = new Date();
+
+  const options = {
+    weekday: "long"
+  };
+
+  return today.toLocaleDateString("en-US", options);
+
+};
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+ <head>
+  <meta charset="utf-8">
+  <title>To Do List</title>
+ </head>
+ <body>
+  <h1>It's a weekday!</h1>
+  <p>Why are you not working!</p>
+ </body>
+</html>