From 575df19256eb472b4107fdd492ee84b2a18030b6 Mon Sep 17 00:00:00 2001
From: chenxiiZ <12czeng@gmail.com>
Date: Mon, 9 Sep 2024 00:32:07 -0400
Subject: [PATCH 01/30] Front-end looks good but need to work on server, need
 more css

---
 node_modules/.bin/mime              |  16 ++
 node_modules/.bin/mime.cmd          |  17 ++
 node_modules/.bin/mime.ps1          |  28 +++
 node_modules/.package-lock.json     |  19 ++
 node_modules/mime/CHANGELOG.md      | 296 ++++++++++++++++++++++++++++
 node_modules/mime/LICENSE           |  21 ++
 node_modules/mime/Mime.js           |  97 +++++++++
 node_modules/mime/README.md         | 187 ++++++++++++++++++
 node_modules/mime/cli.js            |  46 +++++
 node_modules/mime/index.js          |   4 +
 node_modules/mime/lite.js           |   4 +
 node_modules/mime/package.json      |  52 +++++
 node_modules/mime/types/other.js    |   1 +
 node_modules/mime/types/standard.js |   1 +
 package-lock.json                   |  24 +++
 public/css/main.css                 |  26 ++-
 public/index.html                   |  52 ++++-
 public/js/main.js                   | 160 +++++++++++++--
 server.js                           |   3 +
 19 files changed, 1025 insertions(+), 29 deletions(-)
 create mode 100644 node_modules/.bin/mime
 create mode 100644 node_modules/.bin/mime.cmd
 create mode 100644 node_modules/.bin/mime.ps1
 create mode 100644 node_modules/.package-lock.json
 create mode 100644 node_modules/mime/CHANGELOG.md
 create mode 100644 node_modules/mime/LICENSE
 create mode 100644 node_modules/mime/Mime.js
 create mode 100644 node_modules/mime/README.md
 create mode 100644 node_modules/mime/cli.js
 create mode 100644 node_modules/mime/index.js
 create mode 100644 node_modules/mime/lite.js
 create mode 100644 node_modules/mime/package.json
 create mode 100644 node_modules/mime/types/other.js
 create mode 100644 node_modules/mime/types/standard.js
 create mode 100644 package-lock.json

diff --git a/node_modules/.bin/mime b/node_modules/.bin/mime
new file mode 100644
index 00000000..7751de3c
--- /dev/null
+++ b/node_modules/.bin/mime
@@ -0,0 +1,16 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../mime/cli.js" "$@"
+else 
+  exec node  "$basedir/../mime/cli.js" "$@"
+fi
diff --git a/node_modules/.bin/mime.cmd b/node_modules/.bin/mime.cmd
new file mode 100644
index 00000000..54491f12
--- /dev/null
+++ b/node_modules/.bin/mime.cmd
@@ -0,0 +1,17 @@
+@ECHO off
+GOTO start
+:find_dp0
+SET dp0=%~dp0
+EXIT /b
+:start
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+endLocal & goto #_undefined_# 2>NUL || title %COMSPEC% & "%_prog%"  "%dp0%\..\mime\cli.js" %*
diff --git a/node_modules/.bin/mime.ps1 b/node_modules/.bin/mime.ps1
new file mode 100644
index 00000000..2222f40b
--- /dev/null
+++ b/node_modules/.bin/mime.ps1
@@ -0,0 +1,28 @@
+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+}
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "$basedir/node$exe"  "$basedir/../mime/cli.js" $args
+  } else {
+    & "$basedir/node$exe"  "$basedir/../mime/cli.js" $args
+  }
+  $ret=$LASTEXITCODE
+} else {
+  # Support pipeline input
+  if ($MyInvocation.ExpectingInput) {
+    $input | & "node$exe"  "$basedir/../mime/cli.js" $args
+  } else {
+    & "node$exe"  "$basedir/../mime/cli.js" $args
+  }
+  $ret=$LASTEXITCODE
+}
+exit $ret
diff --git a/node_modules/.package-lock.json b/node_modules/.package-lock.json
new file mode 100644
index 00000000..4d77dee1
--- /dev/null
+++ b/node_modules/.package-lock.json
@@ -0,0 +1,19 @@
+{
+  "name": "a2-chenxiiZ",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "node_modules/mime": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz",
+      "integrity": "sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==",
+      "license": "MIT",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    }
+  }
+}
diff --git a/node_modules/mime/CHANGELOG.md b/node_modules/mime/CHANGELOG.md
new file mode 100644
index 00000000..dd254310
--- /dev/null
+++ b/node_modules/mime/CHANGELOG.md
@@ -0,0 +1,296 @@
+# Changelog
+
+All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
+
+## [2.6.0](https://github.com/broofa/mime/compare/v2.5.2...v2.6.0) (2021-11-02)
+
+
+### Features
+
+* mime-db@1.50.0 ([cef0cc4](https://github.com/broofa/mime/commit/cef0cc484ff6d05ff1e12b54ca3e8b856fbc14d8))
+
+### [2.5.2](https://github.com/broofa/mime/compare/v2.5.0...v2.5.2) (2021-02-17)
+
+
+### Bug Fixes
+
+* update to mime-db@1.46.0, fixes [#253](https://github.com/broofa/mime/issues/253) ([f10e6aa](https://github.com/broofa/mime/commit/f10e6aa62e1356de7e2491d7fb4374c8dac65800))
+
+## [2.5.0](https://github.com/broofa/mime/compare/v2.4.7...v2.5.0) (2021-01-16)
+
+
+### Features
+
+* improved CLI ([#244](https://github.com/broofa/mime/issues/244)) ([c8a8356](https://github.com/broofa/mime/commit/c8a8356e3b27f3ef46b64b89b428fdb547b14d5f))
+
+### [2.4.7](https://github.com/broofa/mime/compare/v2.4.6...v2.4.7) (2020-12-16)
+
+
+### Bug Fixes
+
+* update to latest mime-db ([43b09ef](https://github.com/broofa/mime/commit/43b09eff0233eacc449af2b1f99a19ba9e104a44))
+
+### [2.4.6](https://github.com/broofa/mime/compare/v2.4.5...v2.4.6) (2020-05-27)
+
+
+### Bug Fixes
+
+* add cli.js to package.json files ([#237](https://github.com/broofa/mime/issues/237)) ([6c070bc](https://github.com/broofa/mime/commit/6c070bc298fa12a48e2ed126fbb9de641a1e7ebc))
+
+### [2.4.5](https://github.com/broofa/mime/compare/v2.4.4...v2.4.5) (2020-05-01)
+
+
+### Bug Fixes
+
+* fix [#236](https://github.com/broofa/mime/issues/236) ([7f4ecd0](https://github.com/broofa/mime/commit/7f4ecd0d850ed22c9e3bfda2c11fc74e4dde12a7))
+* update to latest mime-db ([c5cb3f2](https://github.com/broofa/mime/commit/c5cb3f2ab8b07642a066efbde1142af1b90c927b))
+
+### [2.4.4](https://github.com/broofa/mime/compare/v2.4.3...v2.4.4) (2019-06-07)
+
+
+
+### [2.4.3](https://github.com/broofa/mime/compare/v2.4.2...v2.4.3) (2019-05-15)
+
+
+
+### [2.4.2](https://github.com/broofa/mime/compare/v2.4.1...v2.4.2) (2019-04-07)
+
+
+### Bug Fixes
+
+* don't use arrow function introduced in 2.4.1 ([2e00b5c](https://github.com/broofa/mime/commit/2e00b5c))
+
+
+
+### [2.4.1](https://github.com/broofa/mime/compare/v2.4.0...v2.4.1) (2019-04-03)
+
+
+### Bug Fixes
+
+* update MDN and mime-db types ([3e567a9](https://github.com/broofa/mime/commit/3e567a9))
+
+
+
+# [2.4.0](https://github.com/broofa/mime/compare/v2.3.1...v2.4.0) (2018-11-26)
+
+
+### Features
+
+* Bind exported methods ([9d2a7b8](https://github.com/broofa/mime/commit/9d2a7b8))
+* update to mime-db@1.37.0 ([49e6e41](https://github.com/broofa/mime/commit/49e6e41))
+
+
+
+### [2.3.1](https://github.com/broofa/mime/compare/v2.3.0...v2.3.1) (2018-04-11)
+
+
+### Bug Fixes
+
+* fix [#198](https://github.com/broofa/mime/issues/198) ([25ca180](https://github.com/broofa/mime/commit/25ca180))
+
+
+
+# [2.3.0](https://github.com/broofa/mime/compare/v2.2.2...v2.3.0) (2018-04-11)
+
+
+### Bug Fixes
+
+* fix [#192](https://github.com/broofa/mime/issues/192) ([5c35df6](https://github.com/broofa/mime/commit/5c35df6))
+
+
+### Features
+
+* add travis-ci testing ([d64160f](https://github.com/broofa/mime/commit/d64160f))
+
+
+
+### [2.2.2](https://github.com/broofa/mime/compare/v2.2.1...v2.2.2) (2018-03-30)
+
+
+### Bug Fixes
+
+* update types files to mime-db@1.32.0 ([85aac16](https://github.com/broofa/mime/commit/85aac16))
+
+
+### [2.2.1](https://github.com/broofa/mime/compare/v2.2.0...v2.2.1) (2018-03-30)
+
+
+### Bug Fixes
+
+* Retain type->extension mappings for non-default types.  Fixes [#180](https://github.com/broofa/mime/issues/180) ([b5c83fb](https://github.com/broofa/mime/commit/b5c83fb))
+
+
+
+# [2.2.0](https://github.com/broofa/mime/compare/v2.1.0...v2.2.0) (2018-01-04)
+
+
+### Features
+
+* Retain type->extension mappings for non-default types.  Fixes [#180](https://github.com/broofa/mime/issues/180) ([10f82ac](https://github.com/broofa/mime/commit/10f82ac))
+
+
+
+# [2.1.0](https://github.com/broofa/mime/compare/v2.0.5...v2.1.0) (2017-12-22)
+
+
+### Features
+
+* Upgrade to mime-db@1.32.0.  Fixes [#185](https://github.com/broofa/mime/issues/185) ([3f775ba](https://github.com/broofa/mime/commit/3f775ba))
+
+
+
+### [2.0.5](https://github.com/broofa/mime/compare/v2.0.1...v2.0.5) (2017-12-22)
+
+
+### Bug Fixes
+
+* ES5 support (back to node v0.4) ([f14ccb6](https://github.com/broofa/mime/commit/f14ccb6))
+
+
+
+# Changelog
+
+### v2.0.4 (24/11/2017)
+- [**closed**] Switch to mime-score module for resolving extension contention issues. [#182](https://github.com/broofa/mime/issues/182)
+- [**closed**] Update mime-db to 1.31.0 in v1.x branch [#181](https://github.com/broofa/mime/issues/181)
+
+---
+
+## v1.5.0 (22/11/2017)
+- [**closed**] need ES5 version ready in npm package [#179](https://github.com/broofa/mime/issues/179)
+- [**closed**] mime-db no trace of iWork - pages / numbers / etc. [#178](https://github.com/broofa/mime/issues/178)
+- [**closed**] How it works in brownser ? [#176](https://github.com/broofa/mime/issues/176)
+- [**closed**] Missing `./Mime` [#175](https://github.com/broofa/mime/issues/175)
+- [**closed**] Vulnerable Regular Expression [#167](https://github.com/broofa/mime/issues/167)
+
+---
+
+### v2.0.3 (25/09/2017)
+*No changelog for this release.*
+
+---
+
+### v1.4.1 (25/09/2017)
+- [**closed**] Issue when bundling with webpack [#172](https://github.com/broofa/mime/issues/172)
+
+---
+
+### v2.0.2 (15/09/2017)
+- [**V2**] fs.readFileSync is not a function [#165](https://github.com/broofa/mime/issues/165)
+- [**closed**] The extension for video/quicktime should map to .mov, not .qt [#164](https://github.com/broofa/mime/issues/164)
+- [**V2**] [v2 Feedback request] Mime class API [#163](https://github.com/broofa/mime/issues/163)
+- [**V2**] [v2 Feedback request] Resolving conflicts over extensions [#162](https://github.com/broofa/mime/issues/162)
+- [**V2**] Allow callers to load module with official, full, or no defined types.  [#161](https://github.com/broofa/mime/issues/161)
+- [**V2**] Use "facets" to resolve extension conflicts [#160](https://github.com/broofa/mime/issues/160)
+- [**V2**] Remove fs and path dependencies [#152](https://github.com/broofa/mime/issues/152)
+- [**V2**] Default content-type should not be application/octet-stream [#139](https://github.com/broofa/mime/issues/139)
+- [**V2**] reset mime-types [#124](https://github.com/broofa/mime/issues/124)
+- [**V2**] Extensionless paths should return null or false [#113](https://github.com/broofa/mime/issues/113)
+
+---
+
+### v2.0.1 (14/09/2017)
+- [**closed**] Changelog for v2.0 does not mention breaking changes [#171](https://github.com/broofa/mime/issues/171)
+- [**closed**] MIME breaking with 'class' declaration as it is without 'use strict mode' [#170](https://github.com/broofa/mime/issues/170)
+
+---
+
+## v2.0.0 (12/09/2017)
+- [**closed**] woff and woff2 [#168](https://github.com/broofa/mime/issues/168)
+
+---
+
+## v1.4.0 (28/08/2017)
+- [**closed**] support for ac3 voc files [#159](https://github.com/broofa/mime/issues/159)
+- [**closed**] Help understanding change from application/xml to text/xml [#158](https://github.com/broofa/mime/issues/158)
+- [**closed**] no longer able to override mimetype [#157](https://github.com/broofa/mime/issues/157)
+- [**closed**] application/vnd.adobe.photoshop [#147](https://github.com/broofa/mime/issues/147)
+- [**closed**] Directories should appear as something other than application/octet-stream [#135](https://github.com/broofa/mime/issues/135)
+- [**closed**] requested features [#131](https://github.com/broofa/mime/issues/131)
+- [**closed**] Make types.json loading optional? [#129](https://github.com/broofa/mime/issues/129)
+- [**closed**] Cannot find module './types.json' [#120](https://github.com/broofa/mime/issues/120)
+- [**V2**] .wav files show up as "audio/x-wav" instead of "audio/x-wave" [#118](https://github.com/broofa/mime/issues/118)
+- [**closed**] Don't be a pain in the ass for node community [#108](https://github.com/broofa/mime/issues/108)
+- [**closed**] don't make default_type global [#78](https://github.com/broofa/mime/issues/78)
+- [**closed**] mime.extension() fails if the content-type is parameterized [#74](https://github.com/broofa/mime/issues/74)
+
+---
+
+### v1.3.6 (11/05/2017)
+- [**closed**] .md should be text/markdown as of March 2016 [#154](https://github.com/broofa/mime/issues/154)
+- [**closed**] Error while installing mime [#153](https://github.com/broofa/mime/issues/153)
+- [**closed**] application/manifest+json [#149](https://github.com/broofa/mime/issues/149)
+- [**closed**] Dynamic adaptive streaming over HTTP (DASH) file extension typo [#141](https://github.com/broofa/mime/issues/141)
+- [**closed**] charsets image/png undefined [#140](https://github.com/broofa/mime/issues/140)
+- [**closed**] Mime-db dependency out of date [#130](https://github.com/broofa/mime/issues/130)
+- [**closed**] how to support plist？ [#126](https://github.com/broofa/mime/issues/126)
+- [**closed**] how does .types file format look like? [#123](https://github.com/broofa/mime/issues/123)
+- [**closed**] Feature: support for expanding MIME patterns [#121](https://github.com/broofa/mime/issues/121)
+- [**closed**] DEBUG_MIME doesn't work [#117](https://github.com/broofa/mime/issues/117)
+
+---
+
+### v1.3.4 (06/02/2015)
+*No changelog for this release.*
+
+---
+
+### v1.3.3 (06/02/2015)
+*No changelog for this release.*
+
+---
+
+### v1.3.1 (05/02/2015)
+- [**closed**] Consider adding support for Handlebars .hbs file ending [#111](https://github.com/broofa/mime/issues/111)
+- [**closed**] Consider adding support for hjson. [#110](https://github.com/broofa/mime/issues/110)
+- [**closed**] Add mime type for Opus audio files [#94](https://github.com/broofa/mime/issues/94)
+- [**closed**] Consider making the `Requesting New Types` information more visible [#77](https://github.com/broofa/mime/issues/77)
+
+---
+
+## v1.3.0 (05/02/2015)
+- [**closed**] Add common name? [#114](https://github.com/broofa/mime/issues/114)
+- [**closed**] application/x-yaml [#104](https://github.com/broofa/mime/issues/104)
+- [**closed**] Add mime type for WOFF file format 2.0 [#102](https://github.com/broofa/mime/issues/102)
+- [**closed**] application/x-msi for .msi [#99](https://github.com/broofa/mime/issues/99)
+- [**closed**] Add mimetype for gettext translation files [#98](https://github.com/broofa/mime/issues/98)
+- [**closed**] collaborators [#88](https://github.com/broofa/mime/issues/88)
+- [**closed**] getting errot in installation of mime module...any1 can help? [#87](https://github.com/broofa/mime/issues/87)
+- [**closed**] should application/json's charset be utf8? [#86](https://github.com/broofa/mime/issues/86)
+- [**closed**] Add "license" and "licenses" to package.json [#81](https://github.com/broofa/mime/issues/81)
+- [**closed**] lookup with extension-less file on Windows returns wrong type [#68](https://github.com/broofa/mime/issues/68)
+
+---
+
+### v1.2.11 (15/08/2013)
+- [**closed**] Update mime.types [#65](https://github.com/broofa/mime/issues/65)
+- [**closed**] Publish a new version [#63](https://github.com/broofa/mime/issues/63)
+- [**closed**] README should state upfront that "application/octet-stream" is default for unknown extension [#55](https://github.com/broofa/mime/issues/55)
+- [**closed**] Suggested improvement to the charset API [#52](https://github.com/broofa/mime/issues/52)
+
+---
+
+### v1.2.10 (25/07/2013)
+- [**closed**] Mime type for woff files should be application/font-woff and not application/x-font-woff [#62](https://github.com/broofa/mime/issues/62)
+- [**closed**] node.types in conflict with mime.types [#51](https://github.com/broofa/mime/issues/51)
+
+---
+
+### v1.2.9 (17/01/2013)
+- [**closed**] Please update "mime" NPM [#49](https://github.com/broofa/mime/issues/49)
+- [**closed**] Please add semicolon [#46](https://github.com/broofa/mime/issues/46)
+- [**closed**] parse full mime types [#43](https://github.com/broofa/mime/issues/43)
+
+---
+
+### v1.2.8 (10/01/2013)
+- [**closed**] /js directory mime is application/javascript. Is it correct? [#47](https://github.com/broofa/mime/issues/47)
+- [**closed**] Add mime types for lua code. [#45](https://github.com/broofa/mime/issues/45)
+
+---
+
+### v1.2.7 (19/10/2012)
+- [**closed**] cannot install 1.2.7 via npm [#41](https://github.com/broofa/mime/issues/41)
+- [**closed**] Transfer ownership to @broofa [#36](https://github.com/broofa/mime/issues/36)
+- [**closed**] it's wrong to set charset to UTF-8 for text [#30](https://github.com/broofa/mime/issues/30)
+- [**closed**] Allow multiple instances of MIME types container [#27](https://github.com/broofa/mime/issues/27)
diff --git a/node_modules/mime/LICENSE b/node_modules/mime/LICENSE
new file mode 100644
index 00000000..d3f46f7e
--- /dev/null
+++ b/node_modules/mime/LICENSE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2010 Benjamin Thomas, Robert Kieffer
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
diff --git a/node_modules/mime/Mime.js b/node_modules/mime/Mime.js
new file mode 100644
index 00000000..969a66e4
--- /dev/null
+++ b/node_modules/mime/Mime.js
@@ -0,0 +1,97 @@
+'use strict';
+
+/**
+ * @param typeMap [Object] Map of MIME type -> Array[extensions]
+ * @param ...
+ */
+function Mime() {
+  this._types = Object.create(null);
+  this._extensions = Object.create(null);
+
+  for (let i = 0; i < arguments.length; i++) {
+    this.define(arguments[i]);
+  }
+
+  this.define = this.define.bind(this);
+  this.getType = this.getType.bind(this);
+  this.getExtension = this.getExtension.bind(this);
+}
+
+/**
+ * Define mimetype -> extension mappings.  Each key is a mime-type that maps
+ * to an array of extensions associated with the type.  The first extension is
+ * used as the default extension for the type.
+ *
+ * e.g. mime.define({'audio/ogg', ['oga', 'ogg', 'spx']});
+ *
+ * If a type declares an extension that has already been defined, an error will
+ * be thrown.  To suppress this error and force the extension to be associated
+ * with the new type, pass `force`=true.  Alternatively, you may prefix the
+ * extension with "*" to map the type to extension, without mapping the
+ * extension to the type.
+ *
+ * e.g. mime.define({'audio/wav', ['wav']}, {'audio/x-wav', ['*wav']});
+ *
+ *
+ * @param map (Object) type definitions
+ * @param force (Boolean) if true, force overriding of existing definitions
+ */
+Mime.prototype.define = function(typeMap, force) {
+  for (let type in typeMap) {
+    let extensions = typeMap[type].map(function(t) {
+      return t.toLowerCase();
+    });
+    type = type.toLowerCase();
+
+    for (let i = 0; i < extensions.length; i++) {
+      const ext = extensions[i];
+
+      // '*' prefix = not the preferred type for this extension.  So fixup the
+      // extension, and skip it.
+      if (ext[0] === '*') {
+        continue;
+      }
+
+      if (!force && (ext in this._types)) {
+        throw new Error(
+          'Attempt to change mapping for "' + ext +
+          '" extension from "' + this._types[ext] + '" to "' + type +
+          '". Pass `force=true` to allow this, otherwise remove "' + ext +
+          '" from the list of extensions for "' + type + '".'
+        );
+      }
+
+      this._types[ext] = type;
+    }
+
+    // Use first extension as default
+    if (force || !this._extensions[type]) {
+      const ext = extensions[0];
+      this._extensions[type] = (ext[0] !== '*') ? ext : ext.substr(1);
+    }
+  }
+};
+
+/**
+ * Lookup a mime type based on extension
+ */
+Mime.prototype.getType = function(path) {
+  path = String(path);
+  let last = path.replace(/^.*[/\\]/, '').toLowerCase();
+  let ext = last.replace(/^.*\./, '').toLowerCase();
+
+  let hasPath = last.length < path.length;
+  let hasDot = ext.length < last.length - 1;
+
+  return (hasDot || !hasPath) && this._types[ext] || null;
+};
+
+/**
+ * Return file extension associated with a mime type
+ */
+Mime.prototype.getExtension = function(type) {
+  type = /^\s*([^;\s]*)/.test(type) && RegExp.$1;
+  return type && this._extensions[type.toLowerCase()] || null;
+};
+
+module.exports = Mime;
diff --git a/node_modules/mime/README.md b/node_modules/mime/README.md
new file mode 100644
index 00000000..b08316f2
--- /dev/null
+++ b/node_modules/mime/README.md
@@ -0,0 +1,187 @@
+<!--
+  -- This file is auto-generated from src/README_js.md. Changes should be made there.
+  -->
+# Mime
+
+A comprehensive, compact MIME type module.
+
+[![Build Status](https://travis-ci.org/broofa/mime.svg?branch=master)](https://travis-ci.org/broofa/mime)
+
+## Version 2 Notes
+
+Version 2 is a breaking change from 1.x as the semver implies.  Specifically:
+
+* `lookup()` renamed to `getType()`
+* `extension()` renamed to `getExtension()`
+* `charset()` and `load()` methods have been removed
+
+If you prefer the legacy version of this module please `npm install mime@^1`.  Version 1 docs may be found [here](https://github.com/broofa/mime/tree/v1.4.0).
+
+## Install
+
+### NPM
+```
+npm install mime
+```
+
+### Browser
+
+It is recommended that you use a bundler such as
+[webpack](https://webpack.github.io/) or [browserify](http://browserify.org/) to
+package your code.  However, browser-ready versions are available via wzrd.in.
+E.g. For the full version:
+
+    <script src="https://wzrd.in/standalone/mime@latest"></script>
+    <script>
+    mime.getType(...); // etc.
+    </script>
+
+Or, for the `mime/lite` version:
+
+    <script src="https://wzrd.in/standalone/mime%2flite@latest"></script>
+    <script>
+    mimelite.getType(...); // (Note `mimelite` here)
+    </script>
+
+## Quick Start
+
+For the full version (800+ MIME types, 1,000+ extensions):
+
+```javascript
+const mime = require('mime');
+
+mime.getType('txt');                    // ⇨ 'text/plain'
+mime.getExtension('text/plain');        // ⇨ 'txt'
+```
+
+See [Mime API](#mime-api) below for API details.
+
+## Lite Version
+
+There is also a "lite" version of this module that omits vendor-specific
+(`*/vnd.*`) and experimental (`*/x-*`) types.  It weighs in at ~2.5KB, compared
+to 8KB for the full version.  To load the lite version:
+
+```javascript
+const mime = require('mime/lite');
+```
+
+## Mime .vs. mime-types .vs. mime-db modules
+
+For those of you wondering about the difference between these [popular] NPM modules,
+here's a brief rundown ...
+
+[`mime-db`](https://github.com/jshttp/mime-db) is "the source of
+truth" for MIME type information.  It is not an API.  Rather, it is a canonical
+dataset of mime type definitions pulled from IANA, Apache, NGINX, and custom mappings
+submitted by the Node.js community.
+
+[`mime-types`](https://github.com/jshttp/mime-types) is a thin
+wrapper around mime-db that provides an API drop-in compatible(ish) with `mime @ < v1.3.6` API.
+
+`mime` is, as of v2, a self-contained module bundled with a pre-optimized version
+of the `mime-db` dataset.  It provides a simplified API with the following characteristics:
+
+* Intelligently resolved type conflicts (See [mime-score](https://github.com/broofa/mime-score) for details)
+* Method naming consistent with industry best-practices
+* Compact footprint.  E.g. The minified+compressed sizes of the various modules:
+
+Module | Size
+--- | ---
+`mime-db`  | 18 KB
+`mime-types` | same as mime-db
+`mime` | 8 KB
+`mime/lite` | 2 KB
+
+## Mime API
+
+Both `require('mime')` and `require('mime/lite')` return instances of the MIME
+class, documented below.
+
+Note: Inputs to this API are case-insensitive.  Outputs (returned values) will
+be lowercase.
+
+### new Mime(typeMap, ... more maps)
+
+Most users of this module will not need to create Mime instances directly.
+However if you would like to create custom mappings, you may do so as follows
+...
+
+```javascript
+// Require Mime class
+const Mime = require('mime/Mime');
+
+// Define mime type -> extensions map
+const typeMap = {
+  'text/abc': ['abc', 'alpha', 'bet'],
+  'text/def': ['leppard']
+};
+
+// Create and use Mime instance
+const myMime = new Mime(typeMap);
+myMime.getType('abc');            // ⇨ 'text/abc'
+myMime.getExtension('text/def');  // ⇨ 'leppard'
+```
+
+If more than one map argument is provided, each map is `define()`ed (see below), in order.
+
+### mime.getType(pathOrExtension)
+
+Get mime type for the given path or extension.  E.g.
+
+```javascript
+mime.getType('js');             // ⇨ 'application/javascript'
+mime.getType('json');           // ⇨ 'application/json'
+
+mime.getType('txt');            // ⇨ 'text/plain'
+mime.getType('dir/text.txt');   // ⇨ 'text/plain'
+mime.getType('dir\\text.txt');  // ⇨ 'text/plain'
+mime.getType('.text.txt');      // ⇨ 'text/plain'
+mime.getType('.txt');           // ⇨ 'text/plain'
+```
+
+`null` is returned in cases where an extension is not detected or recognized
+
+```javascript
+mime.getType('foo/txt');        // ⇨ null
+mime.getType('bogus_type');     // ⇨ null
+```
+
+### mime.getExtension(type)
+Get extension for the given mime type.  Charset options (often included in
+Content-Type headers) are ignored.
+
+```javascript
+mime.getExtension('text/plain');               // ⇨ 'txt'
+mime.getExtension('application/json');         // ⇨ 'json'
+mime.getExtension('text/html; charset=utf8');  // ⇨ 'html'
+```
+
+### mime.define(typeMap[, force = false])
+
+Define [more] type mappings.
+
+`typeMap` is a map of type -> extensions, as documented in `new Mime`, above.
+
+By default this method will throw an error if you try to map a type to an
+extension that is already assigned to another type.  Passing `true` for the
+`force` argument will suppress this behavior (overriding any previous mapping).
+
+```javascript
+mime.define({'text/x-abc': ['abc', 'abcd']});
+
+mime.getType('abcd');            // ⇨ 'text/x-abc'
+mime.getExtension('text/x-abc')  // ⇨ 'abc'
+```
+
+## Command Line
+
+    mime [path_or_extension]
+
+E.g.
+
+    > mime scripts/jquery.js
+    application/javascript
+
+----
+Markdown generated from [src/README_js.md](src/README_js.md) by [![RunMD Logo](http://i.imgur.com/h0FVyzU.png)](https://github.com/broofa/runmd)
\ No newline at end of file
diff --git a/node_modules/mime/cli.js b/node_modules/mime/cli.js
new file mode 100644
index 00000000..ab70a49c
--- /dev/null
+++ b/node_modules/mime/cli.js
@@ -0,0 +1,46 @@
+#!/usr/bin/env node
+
+'use strict';
+
+process.title = 'mime';
+let mime = require('.');
+let pkg = require('./package.json');
+let args = process.argv.splice(2);
+
+if (args.includes('--version') || args.includes('-v') || args.includes('--v')) {
+  console.log(pkg.version);
+  process.exit(0);
+} else if (args.includes('--name') || args.includes('-n') || args.includes('--n')) {
+  console.log(pkg.name);
+  process.exit(0);
+} else if (args.includes('--help') || args.includes('-h') || args.includes('--h')) {
+  console.log(pkg.name + ' - ' + pkg.description + '\n');
+  console.log(`Usage:
+
+  mime [flags] [path_or_extension]
+
+  Flags:
+    --help, -h                     Show this message
+    --version, -v                  Display the version
+    --name, -n                     Print the name of the program
+
+  Note: the command will exit after it executes if a command is specified
+  The path_or_extension is the path to the file or the extension of the file.
+
+  Examples:
+    mime --help
+    mime --version
+    mime --name
+    mime -v
+    mime src/log.js
+    mime new.py
+    mime foo.sh
+  `);
+  process.exit(0);
+}
+
+let file = args[0];
+let type = mime.getType(file);
+
+process.stdout.write(type + '\n');
+
diff --git a/node_modules/mime/index.js b/node_modules/mime/index.js
new file mode 100644
index 00000000..fadcf8d6
--- /dev/null
+++ b/node_modules/mime/index.js
@@ -0,0 +1,4 @@
+'use strict';
+
+let Mime = require('./Mime');
+module.exports = new Mime(require('./types/standard'), require('./types/other'));
diff --git a/node_modules/mime/lite.js b/node_modules/mime/lite.js
new file mode 100644
index 00000000..835cffb3
--- /dev/null
+++ b/node_modules/mime/lite.js
@@ -0,0 +1,4 @@
+'use strict';
+
+let Mime = require('./Mime');
+module.exports = new Mime(require('./types/standard'));
diff --git a/node_modules/mime/package.json b/node_modules/mime/package.json
new file mode 100644
index 00000000..df7f369b
--- /dev/null
+++ b/node_modules/mime/package.json
@@ -0,0 +1,52 @@
+{
+  "author": {
+    "name": "Robert Kieffer",
+    "url": "http://github.com/broofa",
+    "email": "robert@broofa.com"
+  },
+  "engines": {
+    "node": ">=4.0.0"
+  },
+  "bin": {
+    "mime": "cli.js"
+  },
+  "contributors": [],
+  "description": "A comprehensive library for mime-type mapping",
+  "license": "MIT",
+  "dependencies": {},
+  "devDependencies": {
+    "benchmark": "*",
+    "chalk": "4.1.2",
+    "eslint": "8.1.0",
+    "mime-db": "1.50.0",
+    "mime-score": "1.2.0",
+    "mime-types": "2.1.33",
+    "mocha": "9.1.3",
+    "runmd": "*",
+    "standard-version": "9.3.2"
+  },
+  "files": [
+    "index.js",
+    "lite.js",
+    "Mime.js",
+    "cli.js",
+    "/types"
+  ],
+  "scripts": {
+    "prepare": "node src/build.js && runmd --output README.md src/README_js.md",
+    "release": "standard-version",
+    "benchmark": "node src/benchmark.js",
+    "md": "runmd --watch --output README.md src/README_js.md",
+    "test": "mocha src/test.js"
+  },
+  "keywords": [
+    "util",
+    "mime"
+  ],
+  "name": "mime",
+  "repository": {
+    "url": "https://github.com/broofa/mime",
+    "type": "git"
+  },
+  "version": "2.6.0"
+}
diff --git a/node_modules/mime/types/other.js b/node_modules/mime/types/other.js
new file mode 100644
index 00000000..bb6a0353
--- /dev/null
+++ b/node_modules/mime/types/other.js
@@ -0,0 +1 @@
+module.exports = {"application/prs.cww":["cww"],"application/vnd.1000minds.decision-model+xml":["1km"],"application/vnd.3gpp.pic-bw-large":["plb"],"application/vnd.3gpp.pic-bw-small":["psb"],"application/vnd.3gpp.pic-bw-var":["pvb"],"application/vnd.3gpp2.tcap":["tcap"],"application/vnd.3m.post-it-notes":["pwn"],"application/vnd.accpac.simply.aso":["aso"],"application/vnd.accpac.simply.imp":["imp"],"application/vnd.acucobol":["acu"],"application/vnd.acucorp":["atc","acutc"],"application/vnd.adobe.air-application-installer-package+zip":["air"],"application/vnd.adobe.formscentral.fcdt":["fcdt"],"application/vnd.adobe.fxp":["fxp","fxpl"],"application/vnd.adobe.xdp+xml":["xdp"],"application/vnd.adobe.xfdf":["xfdf"],"application/vnd.ahead.space":["ahead"],"application/vnd.airzip.filesecure.azf":["azf"],"application/vnd.airzip.filesecure.azs":["azs"],"application/vnd.amazon.ebook":["azw"],"application/vnd.americandynamics.acc":["acc"],"application/vnd.amiga.ami":["ami"],"application/vnd.android.package-archive":["apk"],"application/vnd.anser-web-certificate-issue-initiation":["cii"],"application/vnd.anser-web-funds-transfer-initiation":["fti"],"application/vnd.antix.game-component":["atx"],"application/vnd.apple.installer+xml":["mpkg"],"application/vnd.apple.keynote":["key"],"application/vnd.apple.mpegurl":["m3u8"],"application/vnd.apple.numbers":["numbers"],"application/vnd.apple.pages":["pages"],"application/vnd.apple.pkpass":["pkpass"],"application/vnd.aristanetworks.swi":["swi"],"application/vnd.astraea-software.iota":["iota"],"application/vnd.audiograph":["aep"],"application/vnd.balsamiq.bmml+xml":["bmml"],"application/vnd.blueice.multipass":["mpm"],"application/vnd.bmi":["bmi"],"application/vnd.businessobjects":["rep"],"application/vnd.chemdraw+xml":["cdxml"],"application/vnd.chipnuts.karaoke-mmd":["mmd"],"application/vnd.cinderella":["cdy"],"application/vnd.citationstyles.style+xml":["csl"],"application/vnd.claymore":["cla"],"application/vnd.cloanto.rp9":["rp9"],"application/vnd.clonk.c4group":["c4g","c4d","c4f","c4p","c4u"],"application/vnd.cluetrust.cartomobile-config":["c11amc"],"application/vnd.cluetrust.cartomobile-config-pkg":["c11amz"],"application/vnd.commonspace":["csp"],"application/vnd.contact.cmsg":["cdbcmsg"],"application/vnd.cosmocaller":["cmc"],"application/vnd.crick.clicker":["clkx"],"application/vnd.crick.clicker.keyboard":["clkk"],"application/vnd.crick.clicker.palette":["clkp"],"application/vnd.crick.clicker.template":["clkt"],"application/vnd.crick.clicker.wordbank":["clkw"],"application/vnd.criticaltools.wbs+xml":["wbs"],"application/vnd.ctc-posml":["pml"],"application/vnd.cups-ppd":["ppd"],"application/vnd.curl.car":["car"],"application/vnd.curl.pcurl":["pcurl"],"application/vnd.dart":["dart"],"application/vnd.data-vision.rdz":["rdz"],"application/vnd.dbf":["dbf"],"application/vnd.dece.data":["uvf","uvvf","uvd","uvvd"],"application/vnd.dece.ttml+xml":["uvt","uvvt"],"application/vnd.dece.unspecified":["uvx","uvvx"],"application/vnd.dece.zip":["uvz","uvvz"],"application/vnd.denovo.fcselayout-link":["fe_launch"],"application/vnd.dna":["dna"],"application/vnd.dolby.mlp":["mlp"],"application/vnd.dpgraph":["dpg"],"application/vnd.dreamfactory":["dfac"],"application/vnd.ds-keypoint":["kpxx"],"application/vnd.dvb.ait":["ait"],"application/vnd.dvb.service":["svc"],"application/vnd.dynageo":["geo"],"application/vnd.ecowin.chart":["mag"],"application/vnd.enliven":["nml"],"application/vnd.epson.esf":["esf"],"application/vnd.epson.msf":["msf"],"application/vnd.epson.quickanime":["qam"],"application/vnd.epson.salt":["slt"],"application/vnd.epson.ssf":["ssf"],"application/vnd.eszigno3+xml":["es3","et3"],"application/vnd.ezpix-album":["ez2"],"application/vnd.ezpix-package":["ez3"],"application/vnd.fdf":["fdf"],"application/vnd.fdsn.mseed":["mseed"],"application/vnd.fdsn.seed":["seed","dataless"],"application/vnd.flographit":["gph"],"application/vnd.fluxtime.clip":["ftc"],"application/vnd.framemaker":["fm","frame","maker","book"],"application/vnd.frogans.fnc":["fnc"],"application/vnd.frogans.ltf":["ltf"],"application/vnd.fsc.weblaunch":["fsc"],"application/vnd.fujitsu.oasys":["oas"],"application/vnd.fujitsu.oasys2":["oa2"],"application/vnd.fujitsu.oasys3":["oa3"],"application/vnd.fujitsu.oasysgp":["fg5"],"application/vnd.fujitsu.oasysprs":["bh2"],"application/vnd.fujixerox.ddd":["ddd"],"application/vnd.fujixerox.docuworks":["xdw"],"application/vnd.fujixerox.docuworks.binder":["xbd"],"application/vnd.fuzzysheet":["fzs"],"application/vnd.genomatix.tuxedo":["txd"],"application/vnd.geogebra.file":["ggb"],"application/vnd.geogebra.tool":["ggt"],"application/vnd.geometry-explorer":["gex","gre"],"application/vnd.geonext":["gxt"],"application/vnd.geoplan":["g2w"],"application/vnd.geospace":["g3w"],"application/vnd.gmx":["gmx"],"application/vnd.google-apps.document":["gdoc"],"application/vnd.google-apps.presentation":["gslides"],"application/vnd.google-apps.spreadsheet":["gsheet"],"application/vnd.google-earth.kml+xml":["kml"],"application/vnd.google-earth.kmz":["kmz"],"application/vnd.grafeq":["gqf","gqs"],"application/vnd.groove-account":["gac"],"application/vnd.groove-help":["ghf"],"application/vnd.groove-identity-message":["gim"],"application/vnd.groove-injector":["grv"],"application/vnd.groove-tool-message":["gtm"],"application/vnd.groove-tool-template":["tpl"],"application/vnd.groove-vcard":["vcg"],"application/vnd.hal+xml":["hal"],"application/vnd.handheld-entertainment+xml":["zmm"],"application/vnd.hbci":["hbci"],"application/vnd.hhe.lesson-player":["les"],"application/vnd.hp-hpgl":["hpgl"],"application/vnd.hp-hpid":["hpid"],"application/vnd.hp-hps":["hps"],"application/vnd.hp-jlyt":["jlt"],"application/vnd.hp-pcl":["pcl"],"application/vnd.hp-pclxl":["pclxl"],"application/vnd.hydrostatix.sof-data":["sfd-hdstx"],"application/vnd.ibm.minipay":["mpy"],"application/vnd.ibm.modcap":["afp","listafp","list3820"],"application/vnd.ibm.rights-management":["irm"],"application/vnd.ibm.secure-container":["sc"],"application/vnd.iccprofile":["icc","icm"],"application/vnd.igloader":["igl"],"application/vnd.immervision-ivp":["ivp"],"application/vnd.immervision-ivu":["ivu"],"application/vnd.insors.igm":["igm"],"application/vnd.intercon.formnet":["xpw","xpx"],"application/vnd.intergeo":["i2g"],"application/vnd.intu.qbo":["qbo"],"application/vnd.intu.qfx":["qfx"],"application/vnd.ipunplugged.rcprofile":["rcprofile"],"application/vnd.irepository.package+xml":["irp"],"application/vnd.is-xpr":["xpr"],"application/vnd.isac.fcs":["fcs"],"application/vnd.jam":["jam"],"application/vnd.jcp.javame.midlet-rms":["rms"],"application/vnd.jisp":["jisp"],"application/vnd.joost.joda-archive":["joda"],"application/vnd.kahootz":["ktz","ktr"],"application/vnd.kde.karbon":["karbon"],"application/vnd.kde.kchart":["chrt"],"application/vnd.kde.kformula":["kfo"],"application/vnd.kde.kivio":["flw"],"application/vnd.kde.kontour":["kon"],"application/vnd.kde.kpresenter":["kpr","kpt"],"application/vnd.kde.kspread":["ksp"],"application/vnd.kde.kword":["kwd","kwt"],"application/vnd.kenameaapp":["htke"],"application/vnd.kidspiration":["kia"],"application/vnd.kinar":["kne","knp"],"application/vnd.koan":["skp","skd","skt","skm"],"application/vnd.kodak-descriptor":["sse"],"application/vnd.las.las+xml":["lasxml"],"application/vnd.llamagraphics.life-balance.desktop":["lbd"],"application/vnd.llamagraphics.life-balance.exchange+xml":["lbe"],"application/vnd.lotus-1-2-3":["123"],"application/vnd.lotus-approach":["apr"],"application/vnd.lotus-freelance":["pre"],"application/vnd.lotus-notes":["nsf"],"application/vnd.lotus-organizer":["org"],"application/vnd.lotus-screencam":["scm"],"application/vnd.lotus-wordpro":["lwp"],"application/vnd.macports.portpkg":["portpkg"],"application/vnd.mapbox-vector-tile":["mvt"],"application/vnd.mcd":["mcd"],"application/vnd.medcalcdata":["mc1"],"application/vnd.mediastation.cdkey":["cdkey"],"application/vnd.mfer":["mwf"],"application/vnd.mfmp":["mfm"],"application/vnd.micrografx.flo":["flo"],"application/vnd.micrografx.igx":["igx"],"application/vnd.mif":["mif"],"application/vnd.mobius.daf":["daf"],"application/vnd.mobius.dis":["dis"],"application/vnd.mobius.mbk":["mbk"],"application/vnd.mobius.mqy":["mqy"],"application/vnd.mobius.msl":["msl"],"application/vnd.mobius.plc":["plc"],"application/vnd.mobius.txf":["txf"],"application/vnd.mophun.application":["mpn"],"application/vnd.mophun.certificate":["mpc"],"application/vnd.mozilla.xul+xml":["xul"],"application/vnd.ms-artgalry":["cil"],"application/vnd.ms-cab-compressed":["cab"],"application/vnd.ms-excel":["xls","xlm","xla","xlc","xlt","xlw"],"application/vnd.ms-excel.addin.macroenabled.12":["xlam"],"application/vnd.ms-excel.sheet.binary.macroenabled.12":["xlsb"],"application/vnd.ms-excel.sheet.macroenabled.12":["xlsm"],"application/vnd.ms-excel.template.macroenabled.12":["xltm"],"application/vnd.ms-fontobject":["eot"],"application/vnd.ms-htmlhelp":["chm"],"application/vnd.ms-ims":["ims"],"application/vnd.ms-lrm":["lrm"],"application/vnd.ms-officetheme":["thmx"],"application/vnd.ms-outlook":["msg"],"application/vnd.ms-pki.seccat":["cat"],"application/vnd.ms-pki.stl":["*stl"],"application/vnd.ms-powerpoint":["ppt","pps","pot"],"application/vnd.ms-powerpoint.addin.macroenabled.12":["ppam"],"application/vnd.ms-powerpoint.presentation.macroenabled.12":["pptm"],"application/vnd.ms-powerpoint.slide.macroenabled.12":["sldm"],"application/vnd.ms-powerpoint.slideshow.macroenabled.12":["ppsm"],"application/vnd.ms-powerpoint.template.macroenabled.12":["potm"],"application/vnd.ms-project":["mpp","mpt"],"application/vnd.ms-word.document.macroenabled.12":["docm"],"application/vnd.ms-word.template.macroenabled.12":["dotm"],"application/vnd.ms-works":["wps","wks","wcm","wdb"],"application/vnd.ms-wpl":["wpl"],"application/vnd.ms-xpsdocument":["xps"],"application/vnd.mseq":["mseq"],"application/vnd.musician":["mus"],"application/vnd.muvee.style":["msty"],"application/vnd.mynfc":["taglet"],"application/vnd.neurolanguage.nlu":["nlu"],"application/vnd.nitf":["ntf","nitf"],"application/vnd.noblenet-directory":["nnd"],"application/vnd.noblenet-sealer":["nns"],"application/vnd.noblenet-web":["nnw"],"application/vnd.nokia.n-gage.ac+xml":["*ac"],"application/vnd.nokia.n-gage.data":["ngdat"],"application/vnd.nokia.n-gage.symbian.install":["n-gage"],"application/vnd.nokia.radio-preset":["rpst"],"application/vnd.nokia.radio-presets":["rpss"],"application/vnd.novadigm.edm":["edm"],"application/vnd.novadigm.edx":["edx"],"application/vnd.novadigm.ext":["ext"],"application/vnd.oasis.opendocument.chart":["odc"],"application/vnd.oasis.opendocument.chart-template":["otc"],"application/vnd.oasis.opendocument.database":["odb"],"application/vnd.oasis.opendocument.formula":["odf"],"application/vnd.oasis.opendocument.formula-template":["odft"],"application/vnd.oasis.opendocument.graphics":["odg"],"application/vnd.oasis.opendocument.graphics-template":["otg"],"application/vnd.oasis.opendocument.image":["odi"],"application/vnd.oasis.opendocument.image-template":["oti"],"application/vnd.oasis.opendocument.presentation":["odp"],"application/vnd.oasis.opendocument.presentation-template":["otp"],"application/vnd.oasis.opendocument.spreadsheet":["ods"],"application/vnd.oasis.opendocument.spreadsheet-template":["ots"],"application/vnd.oasis.opendocument.text":["odt"],"application/vnd.oasis.opendocument.text-master":["odm"],"application/vnd.oasis.opendocument.text-template":["ott"],"application/vnd.oasis.opendocument.text-web":["oth"],"application/vnd.olpc-sugar":["xo"],"application/vnd.oma.dd2+xml":["dd2"],"application/vnd.openblox.game+xml":["obgx"],"application/vnd.openofficeorg.extension":["oxt"],"application/vnd.openstreetmap.data+xml":["osm"],"application/vnd.openxmlformats-officedocument.presentationml.presentation":["pptx"],"application/vnd.openxmlformats-officedocument.presentationml.slide":["sldx"],"application/vnd.openxmlformats-officedocument.presentationml.slideshow":["ppsx"],"application/vnd.openxmlformats-officedocument.presentationml.template":["potx"],"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet":["xlsx"],"application/vnd.openxmlformats-officedocument.spreadsheetml.template":["xltx"],"application/vnd.openxmlformats-officedocument.wordprocessingml.document":["docx"],"application/vnd.openxmlformats-officedocument.wordprocessingml.template":["dotx"],"application/vnd.osgeo.mapguide.package":["mgp"],"application/vnd.osgi.dp":["dp"],"application/vnd.osgi.subsystem":["esa"],"application/vnd.palm":["pdb","pqa","oprc"],"application/vnd.pawaafile":["paw"],"application/vnd.pg.format":["str"],"application/vnd.pg.osasli":["ei6"],"application/vnd.picsel":["efif"],"application/vnd.pmi.widget":["wg"],"application/vnd.pocketlearn":["plf"],"application/vnd.powerbuilder6":["pbd"],"application/vnd.previewsystems.box":["box"],"application/vnd.proteus.magazine":["mgz"],"application/vnd.publishare-delta-tree":["qps"],"application/vnd.pvi.ptid1":["ptid"],"application/vnd.quark.quarkxpress":["qxd","qxt","qwd","qwt","qxl","qxb"],"application/vnd.rar":["rar"],"application/vnd.realvnc.bed":["bed"],"application/vnd.recordare.musicxml":["mxl"],"application/vnd.recordare.musicxml+xml":["musicxml"],"application/vnd.rig.cryptonote":["cryptonote"],"application/vnd.rim.cod":["cod"],"application/vnd.rn-realmedia":["rm"],"application/vnd.rn-realmedia-vbr":["rmvb"],"application/vnd.route66.link66+xml":["link66"],"application/vnd.sailingtracker.track":["st"],"application/vnd.seemail":["see"],"application/vnd.sema":["sema"],"application/vnd.semd":["semd"],"application/vnd.semf":["semf"],"application/vnd.shana.informed.formdata":["ifm"],"application/vnd.shana.informed.formtemplate":["itp"],"application/vnd.shana.informed.interchange":["iif"],"application/vnd.shana.informed.package":["ipk"],"application/vnd.simtech-mindmapper":["twd","twds"],"application/vnd.smaf":["mmf"],"application/vnd.smart.teacher":["teacher"],"application/vnd.software602.filler.form+xml":["fo"],"application/vnd.solent.sdkm+xml":["sdkm","sdkd"],"application/vnd.spotfire.dxp":["dxp"],"application/vnd.spotfire.sfs":["sfs"],"application/vnd.stardivision.calc":["sdc"],"application/vnd.stardivision.draw":["sda"],"application/vnd.stardivision.impress":["sdd"],"application/vnd.stardivision.math":["smf"],"application/vnd.stardivision.writer":["sdw","vor"],"application/vnd.stardivision.writer-global":["sgl"],"application/vnd.stepmania.package":["smzip"],"application/vnd.stepmania.stepchart":["sm"],"application/vnd.sun.wadl+xml":["wadl"],"application/vnd.sun.xml.calc":["sxc"],"application/vnd.sun.xml.calc.template":["stc"],"application/vnd.sun.xml.draw":["sxd"],"application/vnd.sun.xml.draw.template":["std"],"application/vnd.sun.xml.impress":["sxi"],"application/vnd.sun.xml.impress.template":["sti"],"application/vnd.sun.xml.math":["sxm"],"application/vnd.sun.xml.writer":["sxw"],"application/vnd.sun.xml.writer.global":["sxg"],"application/vnd.sun.xml.writer.template":["stw"],"application/vnd.sus-calendar":["sus","susp"],"application/vnd.svd":["svd"],"application/vnd.symbian.install":["sis","sisx"],"application/vnd.syncml+xml":["xsm"],"application/vnd.syncml.dm+wbxml":["bdm"],"application/vnd.syncml.dm+xml":["xdm"],"application/vnd.syncml.dmddf+xml":["ddf"],"application/vnd.tao.intent-module-archive":["tao"],"application/vnd.tcpdump.pcap":["pcap","cap","dmp"],"application/vnd.tmobile-livetv":["tmo"],"application/vnd.trid.tpt":["tpt"],"application/vnd.triscape.mxs":["mxs"],"application/vnd.trueapp":["tra"],"application/vnd.ufdl":["ufd","ufdl"],"application/vnd.uiq.theme":["utz"],"application/vnd.umajin":["umj"],"application/vnd.unity":["unityweb"],"application/vnd.uoml+xml":["uoml"],"application/vnd.vcx":["vcx"],"application/vnd.visio":["vsd","vst","vss","vsw"],"application/vnd.visionary":["vis"],"application/vnd.vsf":["vsf"],"application/vnd.wap.wbxml":["wbxml"],"application/vnd.wap.wmlc":["wmlc"],"application/vnd.wap.wmlscriptc":["wmlsc"],"application/vnd.webturbo":["wtb"],"application/vnd.wolfram.player":["nbp"],"application/vnd.wordperfect":["wpd"],"application/vnd.wqd":["wqd"],"application/vnd.wt.stf":["stf"],"application/vnd.xara":["xar"],"application/vnd.xfdl":["xfdl"],"application/vnd.yamaha.hv-dic":["hvd"],"application/vnd.yamaha.hv-script":["hvs"],"application/vnd.yamaha.hv-voice":["hvp"],"application/vnd.yamaha.openscoreformat":["osf"],"application/vnd.yamaha.openscoreformat.osfpvg+xml":["osfpvg"],"application/vnd.yamaha.smaf-audio":["saf"],"application/vnd.yamaha.smaf-phrase":["spf"],"application/vnd.yellowriver-custom-menu":["cmp"],"application/vnd.zul":["zir","zirz"],"application/vnd.zzazz.deck+xml":["zaz"],"application/x-7z-compressed":["7z"],"application/x-abiword":["abw"],"application/x-ace-compressed":["ace"],"application/x-apple-diskimage":["*dmg"],"application/x-arj":["arj"],"application/x-authorware-bin":["aab","x32","u32","vox"],"application/x-authorware-map":["aam"],"application/x-authorware-seg":["aas"],"application/x-bcpio":["bcpio"],"application/x-bdoc":["*bdoc"],"application/x-bittorrent":["torrent"],"application/x-blorb":["blb","blorb"],"application/x-bzip":["bz"],"application/x-bzip2":["bz2","boz"],"application/x-cbr":["cbr","cba","cbt","cbz","cb7"],"application/x-cdlink":["vcd"],"application/x-cfs-compressed":["cfs"],"application/x-chat":["chat"],"application/x-chess-pgn":["pgn"],"application/x-chrome-extension":["crx"],"application/x-cocoa":["cco"],"application/x-conference":["nsc"],"application/x-cpio":["cpio"],"application/x-csh":["csh"],"application/x-debian-package":["*deb","udeb"],"application/x-dgc-compressed":["dgc"],"application/x-director":["dir","dcr","dxr","cst","cct","cxt","w3d","fgd","swa"],"application/x-doom":["wad"],"application/x-dtbncx+xml":["ncx"],"application/x-dtbook+xml":["dtb"],"application/x-dtbresource+xml":["res"],"application/x-dvi":["dvi"],"application/x-envoy":["evy"],"application/x-eva":["eva"],"application/x-font-bdf":["bdf"],"application/x-font-ghostscript":["gsf"],"application/x-font-linux-psf":["psf"],"application/x-font-pcf":["pcf"],"application/x-font-snf":["snf"],"application/x-font-type1":["pfa","pfb","pfm","afm"],"application/x-freearc":["arc"],"application/x-futuresplash":["spl"],"application/x-gca-compressed":["gca"],"application/x-glulx":["ulx"],"application/x-gnumeric":["gnumeric"],"application/x-gramps-xml":["gramps"],"application/x-gtar":["gtar"],"application/x-hdf":["hdf"],"application/x-httpd-php":["php"],"application/x-install-instructions":["install"],"application/x-iso9660-image":["*iso"],"application/x-iwork-keynote-sffkey":["*key"],"application/x-iwork-numbers-sffnumbers":["*numbers"],"application/x-iwork-pages-sffpages":["*pages"],"application/x-java-archive-diff":["jardiff"],"application/x-java-jnlp-file":["jnlp"],"application/x-keepass2":["kdbx"],"application/x-latex":["latex"],"application/x-lua-bytecode":["luac"],"application/x-lzh-compressed":["lzh","lha"],"application/x-makeself":["run"],"application/x-mie":["mie"],"application/x-mobipocket-ebook":["prc","mobi"],"application/x-ms-application":["application"],"application/x-ms-shortcut":["lnk"],"application/x-ms-wmd":["wmd"],"application/x-ms-wmz":["wmz"],"application/x-ms-xbap":["xbap"],"application/x-msaccess":["mdb"],"application/x-msbinder":["obd"],"application/x-mscardfile":["crd"],"application/x-msclip":["clp"],"application/x-msdos-program":["*exe"],"application/x-msdownload":["*exe","*dll","com","bat","*msi"],"application/x-msmediaview":["mvb","m13","m14"],"application/x-msmetafile":["*wmf","*wmz","*emf","emz"],"application/x-msmoney":["mny"],"application/x-mspublisher":["pub"],"application/x-msschedule":["scd"],"application/x-msterminal":["trm"],"application/x-mswrite":["wri"],"application/x-netcdf":["nc","cdf"],"application/x-ns-proxy-autoconfig":["pac"],"application/x-nzb":["nzb"],"application/x-perl":["pl","pm"],"application/x-pilot":["*prc","*pdb"],"application/x-pkcs12":["p12","pfx"],"application/x-pkcs7-certificates":["p7b","spc"],"application/x-pkcs7-certreqresp":["p7r"],"application/x-rar-compressed":["*rar"],"application/x-redhat-package-manager":["rpm"],"application/x-research-info-systems":["ris"],"application/x-sea":["sea"],"application/x-sh":["sh"],"application/x-shar":["shar"],"application/x-shockwave-flash":["swf"],"application/x-silverlight-app":["xap"],"application/x-sql":["sql"],"application/x-stuffit":["sit"],"application/x-stuffitx":["sitx"],"application/x-subrip":["srt"],"application/x-sv4cpio":["sv4cpio"],"application/x-sv4crc":["sv4crc"],"application/x-t3vm-image":["t3"],"application/x-tads":["gam"],"application/x-tar":["tar"],"application/x-tcl":["tcl","tk"],"application/x-tex":["tex"],"application/x-tex-tfm":["tfm"],"application/x-texinfo":["texinfo","texi"],"application/x-tgif":["*obj"],"application/x-ustar":["ustar"],"application/x-virtualbox-hdd":["hdd"],"application/x-virtualbox-ova":["ova"],"application/x-virtualbox-ovf":["ovf"],"application/x-virtualbox-vbox":["vbox"],"application/x-virtualbox-vbox-extpack":["vbox-extpack"],"application/x-virtualbox-vdi":["vdi"],"application/x-virtualbox-vhd":["vhd"],"application/x-virtualbox-vmdk":["vmdk"],"application/x-wais-source":["src"],"application/x-web-app-manifest+json":["webapp"],"application/x-x509-ca-cert":["der","crt","pem"],"application/x-xfig":["fig"],"application/x-xliff+xml":["*xlf"],"application/x-xpinstall":["xpi"],"application/x-xz":["xz"],"application/x-zmachine":["z1","z2","z3","z4","z5","z6","z7","z8"],"audio/vnd.dece.audio":["uva","uvva"],"audio/vnd.digital-winds":["eol"],"audio/vnd.dra":["dra"],"audio/vnd.dts":["dts"],"audio/vnd.dts.hd":["dtshd"],"audio/vnd.lucent.voice":["lvp"],"audio/vnd.ms-playready.media.pya":["pya"],"audio/vnd.nuera.ecelp4800":["ecelp4800"],"audio/vnd.nuera.ecelp7470":["ecelp7470"],"audio/vnd.nuera.ecelp9600":["ecelp9600"],"audio/vnd.rip":["rip"],"audio/x-aac":["aac"],"audio/x-aiff":["aif","aiff","aifc"],"audio/x-caf":["caf"],"audio/x-flac":["flac"],"audio/x-m4a":["*m4a"],"audio/x-matroska":["mka"],"audio/x-mpegurl":["m3u"],"audio/x-ms-wax":["wax"],"audio/x-ms-wma":["wma"],"audio/x-pn-realaudio":["ram","ra"],"audio/x-pn-realaudio-plugin":["rmp"],"audio/x-realaudio":["*ra"],"audio/x-wav":["*wav"],"chemical/x-cdx":["cdx"],"chemical/x-cif":["cif"],"chemical/x-cmdf":["cmdf"],"chemical/x-cml":["cml"],"chemical/x-csml":["csml"],"chemical/x-xyz":["xyz"],"image/prs.btif":["btif"],"image/prs.pti":["pti"],"image/vnd.adobe.photoshop":["psd"],"image/vnd.airzip.accelerator.azv":["azv"],"image/vnd.dece.graphic":["uvi","uvvi","uvg","uvvg"],"image/vnd.djvu":["djvu","djv"],"image/vnd.dvb.subtitle":["*sub"],"image/vnd.dwg":["dwg"],"image/vnd.dxf":["dxf"],"image/vnd.fastbidsheet":["fbs"],"image/vnd.fpx":["fpx"],"image/vnd.fst":["fst"],"image/vnd.fujixerox.edmics-mmr":["mmr"],"image/vnd.fujixerox.edmics-rlc":["rlc"],"image/vnd.microsoft.icon":["ico"],"image/vnd.ms-dds":["dds"],"image/vnd.ms-modi":["mdi"],"image/vnd.ms-photo":["wdp"],"image/vnd.net-fpx":["npx"],"image/vnd.pco.b16":["b16"],"image/vnd.tencent.tap":["tap"],"image/vnd.valve.source.texture":["vtf"],"image/vnd.wap.wbmp":["wbmp"],"image/vnd.xiff":["xif"],"image/vnd.zbrush.pcx":["pcx"],"image/x-3ds":["3ds"],"image/x-cmu-raster":["ras"],"image/x-cmx":["cmx"],"image/x-freehand":["fh","fhc","fh4","fh5","fh7"],"image/x-icon":["*ico"],"image/x-jng":["jng"],"image/x-mrsid-image":["sid"],"image/x-ms-bmp":["*bmp"],"image/x-pcx":["*pcx"],"image/x-pict":["pic","pct"],"image/x-portable-anymap":["pnm"],"image/x-portable-bitmap":["pbm"],"image/x-portable-graymap":["pgm"],"image/x-portable-pixmap":["ppm"],"image/x-rgb":["rgb"],"image/x-tga":["tga"],"image/x-xbitmap":["xbm"],"image/x-xpixmap":["xpm"],"image/x-xwindowdump":["xwd"],"message/vnd.wfa.wsc":["wsc"],"model/vnd.collada+xml":["dae"],"model/vnd.dwf":["dwf"],"model/vnd.gdl":["gdl"],"model/vnd.gtw":["gtw"],"model/vnd.mts":["mts"],"model/vnd.opengex":["ogex"],"model/vnd.parasolid.transmit.binary":["x_b"],"model/vnd.parasolid.transmit.text":["x_t"],"model/vnd.sap.vds":["vds"],"model/vnd.usdz+zip":["usdz"],"model/vnd.valve.source.compiled-map":["bsp"],"model/vnd.vtu":["vtu"],"text/prs.lines.tag":["dsc"],"text/vnd.curl":["curl"],"text/vnd.curl.dcurl":["dcurl"],"text/vnd.curl.mcurl":["mcurl"],"text/vnd.curl.scurl":["scurl"],"text/vnd.dvb.subtitle":["sub"],"text/vnd.fly":["fly"],"text/vnd.fmi.flexstor":["flx"],"text/vnd.graphviz":["gv"],"text/vnd.in3d.3dml":["3dml"],"text/vnd.in3d.spot":["spot"],"text/vnd.sun.j2me.app-descriptor":["jad"],"text/vnd.wap.wml":["wml"],"text/vnd.wap.wmlscript":["wmls"],"text/x-asm":["s","asm"],"text/x-c":["c","cc","cxx","cpp","h","hh","dic"],"text/x-component":["htc"],"text/x-fortran":["f","for","f77","f90"],"text/x-handlebars-template":["hbs"],"text/x-java-source":["java"],"text/x-lua":["lua"],"text/x-markdown":["mkd"],"text/x-nfo":["nfo"],"text/x-opml":["opml"],"text/x-org":["*org"],"text/x-pascal":["p","pas"],"text/x-processing":["pde"],"text/x-sass":["sass"],"text/x-scss":["scss"],"text/x-setext":["etx"],"text/x-sfv":["sfv"],"text/x-suse-ymp":["ymp"],"text/x-uuencode":["uu"],"text/x-vcalendar":["vcs"],"text/x-vcard":["vcf"],"video/vnd.dece.hd":["uvh","uvvh"],"video/vnd.dece.mobile":["uvm","uvvm"],"video/vnd.dece.pd":["uvp","uvvp"],"video/vnd.dece.sd":["uvs","uvvs"],"video/vnd.dece.video":["uvv","uvvv"],"video/vnd.dvb.file":["dvb"],"video/vnd.fvt":["fvt"],"video/vnd.mpegurl":["mxu","m4u"],"video/vnd.ms-playready.media.pyv":["pyv"],"video/vnd.uvvu.mp4":["uvu","uvvu"],"video/vnd.vivo":["viv"],"video/x-f4v":["f4v"],"video/x-fli":["fli"],"video/x-flv":["flv"],"video/x-m4v":["m4v"],"video/x-matroska":["mkv","mk3d","mks"],"video/x-mng":["mng"],"video/x-ms-asf":["asf","asx"],"video/x-ms-vob":["vob"],"video/x-ms-wm":["wm"],"video/x-ms-wmv":["wmv"],"video/x-ms-wmx":["wmx"],"video/x-ms-wvx":["wvx"],"video/x-msvideo":["avi"],"video/x-sgi-movie":["movie"],"video/x-smv":["smv"],"x-conference/x-cooltalk":["ice"]};
\ No newline at end of file
diff --git a/node_modules/mime/types/standard.js b/node_modules/mime/types/standard.js
new file mode 100644
index 00000000..5ee9937e
--- /dev/null
+++ b/node_modules/mime/types/standard.js
@@ -0,0 +1 @@
+module.exports = {"application/andrew-inset":["ez"],"application/applixware":["aw"],"application/atom+xml":["atom"],"application/atomcat+xml":["atomcat"],"application/atomdeleted+xml":["atomdeleted"],"application/atomsvc+xml":["atomsvc"],"application/atsc-dwd+xml":["dwd"],"application/atsc-held+xml":["held"],"application/atsc-rsat+xml":["rsat"],"application/bdoc":["bdoc"],"application/calendar+xml":["xcs"],"application/ccxml+xml":["ccxml"],"application/cdfx+xml":["cdfx"],"application/cdmi-capability":["cdmia"],"application/cdmi-container":["cdmic"],"application/cdmi-domain":["cdmid"],"application/cdmi-object":["cdmio"],"application/cdmi-queue":["cdmiq"],"application/cu-seeme":["cu"],"application/dash+xml":["mpd"],"application/davmount+xml":["davmount"],"application/docbook+xml":["dbk"],"application/dssc+der":["dssc"],"application/dssc+xml":["xdssc"],"application/ecmascript":["es","ecma"],"application/emma+xml":["emma"],"application/emotionml+xml":["emotionml"],"application/epub+zip":["epub"],"application/exi":["exi"],"application/express":["exp"],"application/fdt+xml":["fdt"],"application/font-tdpfr":["pfr"],"application/geo+json":["geojson"],"application/gml+xml":["gml"],"application/gpx+xml":["gpx"],"application/gxf":["gxf"],"application/gzip":["gz"],"application/hjson":["hjson"],"application/hyperstudio":["stk"],"application/inkml+xml":["ink","inkml"],"application/ipfix":["ipfix"],"application/its+xml":["its"],"application/java-archive":["jar","war","ear"],"application/java-serialized-object":["ser"],"application/java-vm":["class"],"application/javascript":["js","mjs"],"application/json":["json","map"],"application/json5":["json5"],"application/jsonml+json":["jsonml"],"application/ld+json":["jsonld"],"application/lgr+xml":["lgr"],"application/lost+xml":["lostxml"],"application/mac-binhex40":["hqx"],"application/mac-compactpro":["cpt"],"application/mads+xml":["mads"],"application/manifest+json":["webmanifest"],"application/marc":["mrc"],"application/marcxml+xml":["mrcx"],"application/mathematica":["ma","nb","mb"],"application/mathml+xml":["mathml"],"application/mbox":["mbox"],"application/mediaservercontrol+xml":["mscml"],"application/metalink+xml":["metalink"],"application/metalink4+xml":["meta4"],"application/mets+xml":["mets"],"application/mmt-aei+xml":["maei"],"application/mmt-usd+xml":["musd"],"application/mods+xml":["mods"],"application/mp21":["m21","mp21"],"application/mp4":["mp4s","m4p"],"application/msword":["doc","dot"],"application/mxf":["mxf"],"application/n-quads":["nq"],"application/n-triples":["nt"],"application/node":["cjs"],"application/octet-stream":["bin","dms","lrf","mar","so","dist","distz","pkg","bpk","dump","elc","deploy","exe","dll","deb","dmg","iso","img","msi","msp","msm","buffer"],"application/oda":["oda"],"application/oebps-package+xml":["opf"],"application/ogg":["ogx"],"application/omdoc+xml":["omdoc"],"application/onenote":["onetoc","onetoc2","onetmp","onepkg"],"application/oxps":["oxps"],"application/p2p-overlay+xml":["relo"],"application/patch-ops-error+xml":["xer"],"application/pdf":["pdf"],"application/pgp-encrypted":["pgp"],"application/pgp-signature":["asc","sig"],"application/pics-rules":["prf"],"application/pkcs10":["p10"],"application/pkcs7-mime":["p7m","p7c"],"application/pkcs7-signature":["p7s"],"application/pkcs8":["p8"],"application/pkix-attr-cert":["ac"],"application/pkix-cert":["cer"],"application/pkix-crl":["crl"],"application/pkix-pkipath":["pkipath"],"application/pkixcmp":["pki"],"application/pls+xml":["pls"],"application/postscript":["ai","eps","ps"],"application/provenance+xml":["provx"],"application/pskc+xml":["pskcxml"],"application/raml+yaml":["raml"],"application/rdf+xml":["rdf","owl"],"application/reginfo+xml":["rif"],"application/relax-ng-compact-syntax":["rnc"],"application/resource-lists+xml":["rl"],"application/resource-lists-diff+xml":["rld"],"application/rls-services+xml":["rs"],"application/route-apd+xml":["rapd"],"application/route-s-tsid+xml":["sls"],"application/route-usd+xml":["rusd"],"application/rpki-ghostbusters":["gbr"],"application/rpki-manifest":["mft"],"application/rpki-roa":["roa"],"application/rsd+xml":["rsd"],"application/rss+xml":["rss"],"application/rtf":["rtf"],"application/sbml+xml":["sbml"],"application/scvp-cv-request":["scq"],"application/scvp-cv-response":["scs"],"application/scvp-vp-request":["spq"],"application/scvp-vp-response":["spp"],"application/sdp":["sdp"],"application/senml+xml":["senmlx"],"application/sensml+xml":["sensmlx"],"application/set-payment-initiation":["setpay"],"application/set-registration-initiation":["setreg"],"application/shf+xml":["shf"],"application/sieve":["siv","sieve"],"application/smil+xml":["smi","smil"],"application/sparql-query":["rq"],"application/sparql-results+xml":["srx"],"application/srgs":["gram"],"application/srgs+xml":["grxml"],"application/sru+xml":["sru"],"application/ssdl+xml":["ssdl"],"application/ssml+xml":["ssml"],"application/swid+xml":["swidtag"],"application/tei+xml":["tei","teicorpus"],"application/thraud+xml":["tfi"],"application/timestamped-data":["tsd"],"application/toml":["toml"],"application/trig":["trig"],"application/ttml+xml":["ttml"],"application/ubjson":["ubj"],"application/urc-ressheet+xml":["rsheet"],"application/urc-targetdesc+xml":["td"],"application/voicexml+xml":["vxml"],"application/wasm":["wasm"],"application/widget":["wgt"],"application/winhlp":["hlp"],"application/wsdl+xml":["wsdl"],"application/wspolicy+xml":["wspolicy"],"application/xaml+xml":["xaml"],"application/xcap-att+xml":["xav"],"application/xcap-caps+xml":["xca"],"application/xcap-diff+xml":["xdf"],"application/xcap-el+xml":["xel"],"application/xcap-ns+xml":["xns"],"application/xenc+xml":["xenc"],"application/xhtml+xml":["xhtml","xht"],"application/xliff+xml":["xlf"],"application/xml":["xml","xsl","xsd","rng"],"application/xml-dtd":["dtd"],"application/xop+xml":["xop"],"application/xproc+xml":["xpl"],"application/xslt+xml":["*xsl","xslt"],"application/xspf+xml":["xspf"],"application/xv+xml":["mxml","xhvml","xvml","xvm"],"application/yang":["yang"],"application/yin+xml":["yin"],"application/zip":["zip"],"audio/3gpp":["*3gpp"],"audio/adpcm":["adp"],"audio/amr":["amr"],"audio/basic":["au","snd"],"audio/midi":["mid","midi","kar","rmi"],"audio/mobile-xmf":["mxmf"],"audio/mp3":["*mp3"],"audio/mp4":["m4a","mp4a"],"audio/mpeg":["mpga","mp2","mp2a","mp3","m2a","m3a"],"audio/ogg":["oga","ogg","spx","opus"],"audio/s3m":["s3m"],"audio/silk":["sil"],"audio/wav":["wav"],"audio/wave":["*wav"],"audio/webm":["weba"],"audio/xm":["xm"],"font/collection":["ttc"],"font/otf":["otf"],"font/ttf":["ttf"],"font/woff":["woff"],"font/woff2":["woff2"],"image/aces":["exr"],"image/apng":["apng"],"image/avif":["avif"],"image/bmp":["bmp"],"image/cgm":["cgm"],"image/dicom-rle":["drle"],"image/emf":["emf"],"image/fits":["fits"],"image/g3fax":["g3"],"image/gif":["gif"],"image/heic":["heic"],"image/heic-sequence":["heics"],"image/heif":["heif"],"image/heif-sequence":["heifs"],"image/hej2k":["hej2"],"image/hsj2":["hsj2"],"image/ief":["ief"],"image/jls":["jls"],"image/jp2":["jp2","jpg2"],"image/jpeg":["jpeg","jpg","jpe"],"image/jph":["jph"],"image/jphc":["jhc"],"image/jpm":["jpm"],"image/jpx":["jpx","jpf"],"image/jxr":["jxr"],"image/jxra":["jxra"],"image/jxrs":["jxrs"],"image/jxs":["jxs"],"image/jxsc":["jxsc"],"image/jxsi":["jxsi"],"image/jxss":["jxss"],"image/ktx":["ktx"],"image/ktx2":["ktx2"],"image/png":["png"],"image/sgi":["sgi"],"image/svg+xml":["svg","svgz"],"image/t38":["t38"],"image/tiff":["tif","tiff"],"image/tiff-fx":["tfx"],"image/webp":["webp"],"image/wmf":["wmf"],"message/disposition-notification":["disposition-notification"],"message/global":["u8msg"],"message/global-delivery-status":["u8dsn"],"message/global-disposition-notification":["u8mdn"],"message/global-headers":["u8hdr"],"message/rfc822":["eml","mime"],"model/3mf":["3mf"],"model/gltf+json":["gltf"],"model/gltf-binary":["glb"],"model/iges":["igs","iges"],"model/mesh":["msh","mesh","silo"],"model/mtl":["mtl"],"model/obj":["obj"],"model/step+xml":["stpx"],"model/step+zip":["stpz"],"model/step-xml+zip":["stpxz"],"model/stl":["stl"],"model/vrml":["wrl","vrml"],"model/x3d+binary":["*x3db","x3dbz"],"model/x3d+fastinfoset":["x3db"],"model/x3d+vrml":["*x3dv","x3dvz"],"model/x3d+xml":["x3d","x3dz"],"model/x3d-vrml":["x3dv"],"text/cache-manifest":["appcache","manifest"],"text/calendar":["ics","ifb"],"text/coffeescript":["coffee","litcoffee"],"text/css":["css"],"text/csv":["csv"],"text/html":["html","htm","shtml"],"text/jade":["jade"],"text/jsx":["jsx"],"text/less":["less"],"text/markdown":["markdown","md"],"text/mathml":["mml"],"text/mdx":["mdx"],"text/n3":["n3"],"text/plain":["txt","text","conf","def","list","log","in","ini"],"text/richtext":["rtx"],"text/rtf":["*rtf"],"text/sgml":["sgml","sgm"],"text/shex":["shex"],"text/slim":["slim","slm"],"text/spdx":["spdx"],"text/stylus":["stylus","styl"],"text/tab-separated-values":["tsv"],"text/troff":["t","tr","roff","man","me","ms"],"text/turtle":["ttl"],"text/uri-list":["uri","uris","urls"],"text/vcard":["vcard"],"text/vtt":["vtt"],"text/xml":["*xml"],"text/yaml":["yaml","yml"],"video/3gpp":["3gp","3gpp"],"video/3gpp2":["3g2"],"video/h261":["h261"],"video/h263":["h263"],"video/h264":["h264"],"video/iso.segment":["m4s"],"video/jpeg":["jpgv"],"video/jpm":["*jpm","jpgm"],"video/mj2":["mj2","mjp2"],"video/mp2t":["ts"],"video/mp4":["mp4","mp4v","mpg4"],"video/mpeg":["mpeg","mpg","mpe","m1v","m2v"],"video/ogg":["ogv"],"video/quicktime":["qt","mov"],"video/webm":["webm"]};
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 00000000..3bb56605
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,24 @@
+{
+  "name": "a2-chenxiiZ",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "dependencies": {
+        "mime": "^2.4.4"
+      }
+    },
+    "node_modules/mime": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz",
+      "integrity": "sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==",
+      "license": "MIT",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    }
+  }
+}
diff --git a/public/css/main.css b/public/css/main.css
index 7cf6207b..6a10dc4e 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -1,4 +1,24 @@
 body {
-  background:black;
-  color:white;
-}
\ No newline at end of file
+  min-height: 100vh;
+  background: linear-gradient(to right,#95D3D0, #C2D6BE, #D2AC8A);
+  font-family: 'Montserrat', Italic; 
+}
+
+input, button, textarea, select {
+  font-family: 'Montserrat', Italic; /* default font to all form elements */
+}
+
+h1 {
+  font-size: 40px;
+  text-align: center;
+}
+
+table {
+  text-align: left;
+  background-color: #C2D6BE;
+  border-radius: 15px;
+  padding: 1em;
+  color: black;
+  font-size: 32px;
+}
+
diff --git a/public/index.html b/public/index.html
index 59d90d3b..2b574db4 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,18 +1,58 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <title>CS4241 Assignment 2</title>
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Mingzat&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
+    <title>To-do List</title>
     <meta charset="utf-8">
     <script src="js/main.js"></script>
     <link rel="stylesheet" href="css/main.css">
     
-    <!-- get rid of favicon error -->
-    <link rel="icon" href="data:;base64,iVBORw0KGgo=">
   </head>
   <body>
-    <form>
-      <input type="text" id="yourname" value="your name here">
-      <button>submit</button>
+    <h1>Make your own To-do List!</h1>
+    
+    <!-- To-do List Form -->
+    <form id="addEvent">
+      <table>
+        <tr>
+          <td>Task: </td>
+          <td><input type="text" id="task" value="Your Task" required></td>
+        </tr>
+  
+        <tr>
+          <td>Priority: </td>
+          <td>
+            <select id="priority">
+              <option value="Low">Low</option>
+              <option value="Medium">Medium</option>
+              <option value="High">High</option>
+            </select>
+          </td>
+        </tr>
+  
+        <tr>
+          <td>Creation Date: </td>
+          <td><input type="date" id="creationDate" required></td>
+        </tr>
+  
+        <tr>
+          <td>Deadline: </td>
+          <td><input type="date" id="dueDay" required></td>
+          <td><input type="time" id="dueTime" required></td>
+        </tr>
+
+        <tr>
+          <td></td>
+          <td><button id="submitButton">Submit</button></td>
+        </tr>
+
+      </table>
     </form>
+  
+    <!-- Section where the submitted to-do item will be displayed -->
+    <div id="submittedTodo"></div>
+  
   </body>
 </html>
diff --git a/public/js/main.js b/public/js/main.js
index a569258f..6fc455c8 100644
--- a/public/js/main.js
+++ b/public/js/main.js
@@ -1,27 +1,147 @@
-// FRONT-END (CLIENT) JAVASCRIPT HERE
-
-const submit = async function( event ) {
-  // stop form submission from trying to load
-  // a new .html page for displaying results...
-  // this was the original browser behavior and still
-  // remains to this day
-  event.preventDefault()
+window.onload = function () {
+  const form = document.querySelector('#addEvent');
+  const dueDayInput = document.querySelector('#dueDay');
+  const creationDateInput = document.querySelector('#creationDate');
+  const submitButton = document.querySelector('#submitButton');
   
-  const input = document.querySelector( '#yourname' ),
-        json = { yourname: input.value },
-        body = JSON.stringify( json )
+  // Create an element to show the error message
+  const errorMessage = document.createElement('div');
+  errorMessage.style.color = 'red';
+  errorMessage.style.display = 'none';  // Initially hidden
+  errorMessage.innerHTML = "Check your date!";
+  submitButton.parentNode.insertBefore(errorMessage, submitButton);  // Insert before submit button
 
-  const response = await fetch( '/submit', {
+  // Add event listener to the due date input
+  dueDayInput.addEventListener('input', function () {
+      validateDates();
+  });
+
+  creationDateInput.addEventListener('input', function () {
+      validateDates();
+  });
+
+  form.onsubmit = function(e) {
+      e.preventDefault();
+      if (validateDates()) {
+          submit(e);
+      }
+  };
+
+  // Function to validate if the due date is after the creation date
+  function validateDates() {
+      let creationDate = new Date(creationDateInput.value);
+      let dueDate = new Date(dueDayInput.value);
+
+      // If due date is before the creation date, show error
+      if (dueDate < creationDate) {
+          errorMessage.style.display = 'block';  // Show the error message
+          return false;
+      } else {
+          errorMessage.style.display = 'none';   // Hide the error message
+          return true;
+      }
+  }
+};
+
+// Existing submit and refreshTodoList functions (no changes needed)
+const submit = function (e) {
+  // Prevent default form action
+  e.preventDefault();
+
+  // Get the input values
+  let task = document.querySelector("#task").value;
+  let priority = document.querySelector("#priority").value;
+  let creationDate = document.querySelector("#creationDate").value;
+  let dueDay = document.querySelector("#dueDay").value;
+  let dueTime = document.querySelector("#dueTime").value;
+
+  // Create a task object
+  let taskObj = {
+      task: task,
+      priority: priority,
+      creationDate: creationDate,
+      dueDate: `${dueDay} ${dueTime}`,
+      daysLeft: calculateDaysLeft(dueDay)
+  };
+  // post
+  fetch( '/submit', { // fetch is where you specify the url/ resouce that you want to see
     method:'POST',
-    body 
+    body: "" // send body to server
   })
+ 
+  refreshTodoList(taskObj);
+};
 
-  const text = await response.text()
-
-  console.log( 'text:', text )
+function calculateDaysLeft(dueDay) {
+  let currentDate = new Date();
+  let dueDate = new Date(dueDay);
+  let timeDiff = dueDate.getTime() - currentDate.getTime();
+  let daysLeft = Math.ceil(timeDiff / (1000 * 3600 * 24));
+  return daysLeft > 0 ? daysLeft : 0;  // Return 0 if the due date has passed
 }
 
-window.onload = function() {
-   const button = document.querySelector("button");
-  button.onclick = submit;
-}
\ No newline at end of file
+function refreshTodoList(taskObj) {
+  // Get the div where the tasks will be displayed
+  let todoListDiv = document.getElementById("submittedTodo");
+
+  // Check if there's already a table, else create one
+  let table = todoListDiv.querySelector("table");
+  if (!table) {
+      table = document.createElement("table");
+      table.setAttribute('border', '1');
+      table.setAttribute('width', '100%');
+
+      // Create the table header
+      let tr = table.insertRow(-1);
+      let thTask = document.createElement("th");
+      thTask.innerHTML = "Task";
+      tr.appendChild(thTask);
+      let thPriority = document.createElement("th");
+      thPriority.innerHTML = "Priority";
+      tr.appendChild(thPriority);
+      let thCreationDate = document.createElement("th");
+      thCreationDate.innerHTML = "Creation Date";
+      tr.appendChild(thCreationDate);
+      let thDueDate = document.createElement("th");
+      thDueDate.innerHTML = "Due Date";
+      tr.appendChild(thDueDate);
+      let thDaysLeft = document.createElement("th");
+      thDaysLeft.innerHTML = "Days Left";
+      tr.appendChild(thDaysLeft);
+      let thActions = document.createElement("th");
+      thActions.innerHTML = "Actions";
+      tr.appendChild(thActions);
+  }
+
+  // Add a new row for the new task
+  let tr = table.insertRow(-1);
+
+  // Add the task data to the table
+  let tdTask = tr.insertCell(-1);
+  tdTask.innerHTML = taskObj.task;
+
+  let tdPriority = tr.insertCell(-1);
+  tdPriority.innerHTML = taskObj.priority;
+
+  let tdCreationDate = tr.insertCell(-1);
+  tdCreationDate.innerHTML = taskObj.creationDate;
+
+  let tdDueDate = tr.insertCell(-1);
+  tdDueDate.innerHTML = taskObj.dueDate;
+
+  let tdDaysLeft = tr.insertCell(-1);
+  tdDaysLeft.innerHTML = taskObj.daysLeft;
+
+  // Add a delete button
+  let tdActions = tr.insertCell(-1);
+  let deleteBtn = document.createElement("button");
+  deleteBtn.innerHTML = "Delete";
+  deleteBtn.onclick = function () {
+      tr.remove();
+  };
+  tdActions.appendChild(deleteBtn);
+
+  // Append the table to the div
+  todoListDiv.innerHTML = "";
+  todoListDiv.appendChild(table);
+}
diff --git a/server.js b/server.js
index 9ac27fb8..4d903569 100644
--- a/server.js
+++ b/server.js
@@ -41,6 +41,9 @@ const handlePost = function( request, response ) {
 
   request.on( 'end', function() {
     console.log( JSON.parse( dataString ) )
+    if( request.url === '/submit' ) {
+      console.log("Submit success")
+    }
 
     // ... do something with the data here!!!
 

From 6d3d9a81261cb83bc9f48596976e1acadd70eaa4 Mon Sep 17 00:00:00 2001
From: chenxiiZ <12czeng@gmail.com>
Date: Mon, 9 Sep 2024 00:39:02 -0400
Subject: [PATCH 02/30] Test connection

---
 public/js/main.js | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/public/js/main.js b/public/js/main.js
index 6fc455c8..8f1afacf 100644
--- a/public/js/main.js
+++ b/public/js/main.js
@@ -67,7 +67,17 @@ const submit = function (e) {
   fetch( '/submit', { // fetch is where you specify the url/ resouce that you want to see
     method:'POST',
     body: "" // send body to server
-  })
+  }).then(  // when the rewsponse to the server comes, do this
+    function(  response ) { // this is the response from the server
+      console.log("SSSS")
+    // do something with the reponse 
+    // try putting the TABLE HERE
+    //  console.log( response )
+      // return response.json() // extracts json and returns it
+ 
+      return response.json() // converts ReadableStream to JSON array for appdata
+    }
+  )
  
   refreshTodoList(taskObj);
 };

From a355585d282319b236fa65cf341785ebb95b8861 Mon Sep 17 00:00:00 2001
From: chenxiiZ <12czeng@gmail.com>
Date: Mon, 9 Sep 2024 01:24:20 -0400
Subject: [PATCH 03/30] test backend connection

---
 public/js/main.js | 20 +++++++++++++-------
 server.js         | 13 +++++++------
 2 files changed, 20 insertions(+), 13 deletions(-)

diff --git a/public/js/main.js b/public/js/main.js
index 8f1afacf..f1d2f144 100644
--- a/public/js/main.js
+++ b/public/js/main.js
@@ -57,16 +57,22 @@ const submit = function (e) {
 
   // Create a task object
   let taskObj = {
-      task: task,
-      priority: priority,
-      creationDate: creationDate,
-      dueDate: `${dueDay} ${dueTime}`,
-      daysLeft: calculateDaysLeft(dueDay)
-  };
+    task: "Finish Homework",
+    priority: "High",
+    creationDate: "2024-09-08",
+    dueDate: "2024-09-10 17:00",
+    daysLeft: 2
+};
+
+// Convert the object to a JSON string
+let jsonTaskObj = JSON.stringify(taskObj);
+
+
+
   // post
   fetch( '/submit', { // fetch is where you specify the url/ resouce that you want to see
     method:'POST',
-    body: "" // send body to server
+    body: jsonTaskObj,// send body to server
   }).then(  // when the rewsponse to the server comes, do this
     function(  response ) { // this is the response from the server
       console.log("SSSS")
diff --git a/server.js b/server.js
index 4d903569..93a9f1f1 100644
--- a/server.js
+++ b/server.js
@@ -9,9 +9,7 @@ const http = require( 'http' ),
       port = 3000
 
 const appdata = [
-  { 'model': 'toyota', 'year': 1999, 'mpg': 23 },
-  { 'model': 'honda', 'year': 2004, 'mpg': 30 },
-  { 'model': 'ford', 'year': 1987, 'mpg': 14} 
+  {"Task":"Quiz", "Pirority":"Low", "Creation Date":"09/02/2024", "Deadline":"09/19/2024"},
 ]
 
 const server = http.createServer( function( request,response ) {
@@ -41,14 +39,17 @@ const handlePost = function( request, response ) {
 
   request.on( 'end', function() {
     console.log( JSON.parse( dataString ) )
-    if( request.url === '/submit' ) {
-      console.log("Submit success")
+    if ( request.url === "/submit"){
+   // console.log( JSON.parse( dataString ) )
+    // ... do something with the data here!!!
+    let dataJson = JSON.parse(dataString)
+    appdata.push(dataJson)
     }
 
     // ... do something with the data here!!!
 
     response.writeHead( 200, "OK", {'Content-Type': 'text/plain' })
-    response.end('test')
+    response.end(JSON.stringify(appdata))
   })
 }
 

From a2798d7b33c47d9affa2021c38eb52e397208dd0 Mon Sep 17 00:00:00 2001
From: chenxiiZ <12czeng@gmail.com>
Date: Mon, 9 Sep 2024 01:28:32 -0400
Subject: [PATCH 04/30] test

---
 public/js/main.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/public/js/main.js b/public/js/main.js
index f1d2f144..6ca697b5 100644
--- a/public/js/main.js
+++ b/public/js/main.js
@@ -75,7 +75,7 @@ let jsonTaskObj = JSON.stringify(taskObj);
     body: jsonTaskObj,// send body to server
   }).then(  // when the rewsponse to the server comes, do this
     function(  response ) { // this is the response from the server
-      console.log("SSSS")
+      console.log(response)
     // do something with the reponse 
     // try putting the TABLE HERE
     //  console.log( response )

From f6137c21687ed120f73f1f42579bbb9a6c9b3bc4 Mon Sep 17 00:00:00 2001
From: chenxiiZ <12czeng@gmail.com>
Date: Mon, 9 Sep 2024 01:34:27 -0400
Subject: [PATCH 05/30] test

---
 server.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/server.js b/server.js
index 93a9f1f1..6a6eb370 100644
--- a/server.js
+++ b/server.js
@@ -48,7 +48,7 @@ const handlePost = function( request, response ) {
 
     // ... do something with the data here!!!
 
-    response.writeHead( 200, "OK", {'Content-Type': 'text/plain' })
+    response.writeHead( 200, "OK", {'Content-Type': 'text/plain' }, JSON.stringify(appdata))
     response.end(JSON.stringify(appdata))
   })
 }

From b431fbf56c771d4161a343520d9884361766f58f Mon Sep 17 00:00:00 2001
From: chenxiiZ <12czeng@gmail.com>
Date: Mon, 9 Sep 2024 14:40:02 -0400
Subject: [PATCH 06/30] finished form css styling

---
 server.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/server.js b/server.js
index 6a6eb370..3f5b60c0 100644
--- a/server.js
+++ b/server.js
@@ -48,8 +48,8 @@ const handlePost = function( request, response ) {
 
     // ... do something with the data here!!!
 
-    response.writeHead( 200, "OK", {'Content-Type': 'text/plain' }, JSON.stringify(appdata))
-    response.end(JSON.stringify(appdata))
+    response.writeHead( 200, "OK", {'Content-Type': 'text/plain' })
+    response.end('test')
   })
 }
 

From 88ed8644b5676858365481fa0485a5cbfe50d41a Mon Sep 17 00:00:00 2001
From: chenxiiZ <12czeng@gmail.com>
Date: Mon, 9 Sep 2024 15:41:22 -0400
Subject: [PATCH 07/30] <dont with css part for the form>

---
 public/css/main.css | 86 +++++++++++++++++++++++++++++++++++++++++----
 public/index.html   | 63 +++++++++++++++------------------
 public/js/main.js   | 33 ++++++++---------
 server.js           | 15 ++++++--
 4 files changed, 134 insertions(+), 63 deletions(-)

diff --git a/public/css/main.css b/public/css/main.css
index 6a10dc4e..055a9589 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -1,16 +1,83 @@
+/*Element Selector*/
 body {
   min-height: 100vh;
-  background: linear-gradient(to right,#95D3D0, #C2D6BE, #D2AC8A);
-  font-family: 'Montserrat', Italic; 
+  background: linear-gradient(to right, #95D3D0, #C2D6BE, #D2AC8A);
+  font-family: 'Montserrat', Italic;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  padding: 0 10px;
 }
 
-input, button, textarea, select {
-  font-family: 'Montserrat', Italic; /* default font to all form elements */
-}
-
-h1 {
+/*ID Selector*/
+#header {
   font-size: 40px;
   text-align: center;
+  margin-top: -30px; 
+  margin-bottom: 20px;
+  color: #333;
+}
+
+/*Class Selectors*/
+.form-container {
+  display: flex;
+  flex-direction: column;
+  background-color: #C2D6BE;
+  border-radius: 15px;
+  padding: 2em;
+  width: 300px;
+}
+
+.form-row {
+  display: flex;
+  flex-direction: column;
+  margin-bottom: 10px;
+}
+
+.form-label {
+  margin-bottom: 5px;
+  font-weight: bold;
+}
+
+.form-input {
+  font-family: 'Montserrat', Italic;
+  padding: 10px;
+  border-radius: 5px;
+  border: 1px solid #ccc;
+}
+
+/* Button */
+.btn {
+  padding: 10px;
+  background-color: #D2AC8A;
+  color: white;
+  border: none;
+  border-radius: 5px;
+  cursor: pointer;
+}
+
+.btn:hover {
+  background-color: #B08968;
+}
+
+/*Flexbox*/
+form {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: 20px;
+}
+
+#submittedTodo {
+  margin-top: 20px;
+}
+
+/*Grid Layout*/
+#submittedTodo {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 10px;
 }
 
 table {
@@ -20,5 +87,10 @@ table {
   padding: 1em;
   color: black;
   font-size: 32px;
+  margin: 20px auto;
+  width: 100%;
 }
 
+input, button, textarea, select {
+  font-family: 'Montserrat', Italic;
+}
diff --git a/public/index.html b/public/index.html
index 2b574db4..0667d553 100644
--- a/public/index.html
+++ b/public/index.html
@@ -11,48 +11,43 @@
     
   </head>
   <body>
-    <h1>Make your own To-do List!</h1>
+    <h1 id="header">Make your own To-do List!</h1>
     
     <!-- To-do List Form -->
     <form id="addEvent">
-      <table>
-        <tr>
-          <td>Task: </td>
-          <td><input type="text" id="task" value="Your Task" required></td>
-        </tr>
-  
-        <tr>
-          <td>Priority: </td>
-          <td>
-            <select id="priority">
-              <option value="Low">Low</option>
-              <option value="Medium">Medium</option>
-              <option value="High">High</option>
-            </select>
-          </td>
-        </tr>
-  
-        <tr>
-          <td>Creation Date: </td>
-          <td><input type="date" id="creationDate" required></td>
-        </tr>
-  
-        <tr>
-          <td>Deadline: </td>
-          <td><input type="date" id="dueDay" required></td>
-          <td><input type="time" id="dueTime" required></td>
-        </tr>
+      <div class="form-container">
+        <div class="form-row">
+          <label class="form-label">Task: </label>
+          <input type="text" id="task" class="form-input" value="" required>
+        </div>
 
-        <tr>
-          <td></td>
-          <td><button id="submitButton">Submit</button></td>
-        </tr>
+        <div class="form-row">
+          <label class="form-label">Priority: </label>
+          <select id="priority" class="form-input">
+            <option value="Low">Low</option>
+            <option value="Medium">Medium</option>
+            <option value="High">High</option>
+          </select>
+        </div>
 
-      </table>
+        <div class="form-row">
+          <label class="form-label">Creation Date: </label>
+          <input type="date" id="creationDate" class="form-input" required>
+        </div>
+
+        <div class="form-row">
+          <label class="form-label">Deadline: </label>
+          <input type="date" id="dueDay" class="form-input" required>
+          <input type="time" id="dueTime" class="form-input" required>
+        </div>
+
+        <div class="form-row">
+          <button id="submitButton" class="btn">Submit</button>
+        </div>
+      </div>
     </form>
   
     <!-- Section where the submitted to-do item will be displayed -->
     <div id="submittedTodo"></div>
-  
   </body>
 </html>
diff --git a/public/js/main.js b/public/js/main.js
index 6ca697b5..f421ebe7 100644
--- a/public/js/main.js
+++ b/public/js/main.js
@@ -57,11 +57,12 @@ const submit = function (e) {
 
   // Create a task object
   let taskObj = {
-    task: "Finish Homework",
-    priority: "High",
-    creationDate: "2024-09-08",
-    dueDate: "2024-09-10 17:00",
-    daysLeft: 2
+    task: task,
+    priority: priority,
+    creationDate: creationDate,
+    dueDate: dueDay,
+    dueTime: dueTime,
+    daysLeft: 0
 };
 
 // Convert the object to a JSON string
@@ -73,28 +74,22 @@ let jsonTaskObj = JSON.stringify(taskObj);
   fetch( '/submit', { // fetch is where you specify the url/ resouce that you want to see
     method:'POST',
     body: jsonTaskObj,// send body to server
-  }).then(  // when the rewsponse to the server comes, do this
-    function(  response ) { // this is the response from the server
-      console.log(response)
+  }).then((response) => response.json())
+  .then((data) => {
+      // this is the response from the server
+      console.log(data)
     // do something with the reponse 
     // try putting the TABLE HERE
     //  console.log( response )
       // return response.json() // extracts json and returns it
- 
-      return response.json() // converts ReadableStream to JSON array for appdata
-    }
-  )
+     
+      //return response.json() // converts ReadableStream to JSON array for appdata
+    })
  
   refreshTodoList(taskObj);
 };
 
-function calculateDaysLeft(dueDay) {
-  let currentDate = new Date();
-  let dueDate = new Date(dueDay);
-  let timeDiff = dueDate.getTime() - currentDate.getTime();
-  let daysLeft = Math.ceil(timeDiff / (1000 * 3600 * 24));
-  return daysLeft > 0 ? daysLeft : 0;  // Return 0 if the due date has passed
-}
+
 
 function refreshTodoList(taskObj) {
   // Get the div where the tasks will be displayed
diff --git a/server.js b/server.js
index 3f5b60c0..25b8c9ea 100644
--- a/server.js
+++ b/server.js
@@ -8,8 +8,8 @@ const http = require( 'http' ),
       dir  = 'public/',
       port = 3000
 
-const appdata = [
-  {"Task":"Quiz", "Pirority":"Low", "Creation Date":"09/02/2024", "Deadline":"09/19/2024"},
+let appdata = [
+  {"task":"Quiz", "priority":"Low", "creationdate":"09/02/2024", "duedate":"09/19/2024", "dueTime" : "0"},
 ]
 
 const server = http.createServer( function( request,response ) {
@@ -49,10 +49,19 @@ const handlePost = function( request, response ) {
     // ... do something with the data here!!!
 
     response.writeHead( 200, "OK", {'Content-Type': 'text/plain' })
-    response.end('test')
+    response.end(JSON.stringify(appdata))
   })
 }
 
+function calculateDaysLeft(dueDay) {
+  let currentDate = new Date();
+  let dueDate = new Date(dueDay);
+  let timeDiff = dueDate.getTime() - currentDate.getTime();
+  let daysLeft = Math.ceil(timeDiff / (1000 * 3600 * 24));
+  return daysLeft > 0 ? daysLeft : 0;  // Return 0 if the due date has passed
+}
+
+
 const sendFile = function( response, filename ) {
    const type = mime.getType( filename ) 
 

From 3b526303dbd3f8ecee4811834ae5a1f442b7f9e9 Mon Sep 17 00:00:00 2001
From: chenxiiZ <12czeng@gmail.com>
Date: Mon, 9 Sep 2024 21:47:34 -0400
Subject: [PATCH 08/30] test data

---
 public/js/main.js | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/public/js/main.js b/public/js/main.js
index f421ebe7..d8c964ad 100644
--- a/public/js/main.js
+++ b/public/js/main.js
@@ -78,15 +78,9 @@ let jsonTaskObj = JSON.stringify(taskObj);
   .then((data) => {
       // this is the response from the server
       console.log(data)
-    // do something with the reponse 
-    // try putting the TABLE HERE
-    //  console.log( response )
-      // return response.json() // extracts json and returns it
-     
-      //return response.json() // converts ReadableStream to JSON array for appdata
     })
  
-  refreshTodoList(taskObj);
+  refreshTodoList(data);
 };
 
 

From 692bf8e9ad6df2990ca3ad919452a925e65b8b0e Mon Sep 17 00:00:00 2001
From: chenxiiZ <12czeng@gmail.com>
Date: Mon, 9 Sep 2024 21:49:46 -0400
Subject: [PATCH 09/30] fix some bugs

---
 public/js/main.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/public/js/main.js b/public/js/main.js
index d8c964ad..64b0d41e 100644
--- a/public/js/main.js
+++ b/public/js/main.js
@@ -78,9 +78,9 @@ let jsonTaskObj = JSON.stringify(taskObj);
   .then((data) => {
       // this is the response from the server
       console.log(data)
+      refreshTodoList(data);
     })
  
-  refreshTodoList(data);
 };
 
 

From 7243bb4acd748962c6325d1a500e9b89cdc16f1e Mon Sep 17 00:00:00 2001
From: chenxiiZ <12czeng@gmail.com>
Date: Mon, 9 Sep 2024 21:51:26 -0400
Subject: [PATCH 10/30] fix

---
 public/js/main.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/public/js/main.js b/public/js/main.js
index 64b0d41e..e4b6373c 100644
--- a/public/js/main.js
+++ b/public/js/main.js
@@ -78,6 +78,7 @@ let jsonTaskObj = JSON.stringify(taskObj);
   .then((data) => {
       // this is the response from the server
       console.log(data)
+      console.log(taskObj)
       refreshTodoList(data);
     })
  

From 7287bedbbc8773f3690592e6db44749855747b27 Mon Sep 17 00:00:00 2001
From: chenxiiZ <12czeng@gmail.com>
Date: Mon, 9 Sep 2024 21:58:49 -0400
Subject: [PATCH 11/30] fix bug

---
 public/js/main.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/public/js/main.js b/public/js/main.js
index e4b6373c..16b5af68 100644
--- a/public/js/main.js
+++ b/public/js/main.js
@@ -78,8 +78,11 @@ let jsonTaskObj = JSON.stringify(taskObj);
   .then((data) => {
       // this is the response from the server
       console.log(data)
+      for (i = 0; i<length(data);i++){
+        refreshTodoList(data[i]);
+        console.log(data[i]);
+      }
       console.log(taskObj)
-      refreshTodoList(data);
     })
  
 };

From 0884df005fb97e76b5e66534fb0f325871065b23 Mon Sep 17 00:00:00 2001
From: chenxiiZ <12czeng@gmail.com>
Date: Mon, 9 Sep 2024 22:00:59 -0400
Subject: [PATCH 12/30] bug

---
 public/js/main.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/public/js/main.js b/public/js/main.js
index 16b5af68..1f45c3f8 100644
--- a/public/js/main.js
+++ b/public/js/main.js
@@ -78,7 +78,7 @@ let jsonTaskObj = JSON.stringify(taskObj);
   .then((data) => {
       // this is the response from the server
       console.log(data)
-      for (i = 0; i<length(data);i++){
+      for (i = 0; i < data.length; i++){
         refreshTodoList(data[i]);
         console.log(data[i]);
       }

From 8e3c82092f9c0c419ddc8e0401f735e3a354d663 Mon Sep 17 00:00:00 2001
From: chenxiiZ <12czeng@gmail.com>
Date: Mon, 9 Sep 2024 22:06:28 -0400
Subject: [PATCH 13/30] fix

---
 public/js/main.js | 16 ++++++++++++++++
 server.js         |  6 ++++--
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/public/js/main.js b/public/js/main.js
index 1f45c3f8..d986a6ce 100644
--- a/public/js/main.js
+++ b/public/js/main.js
@@ -11,6 +11,22 @@ window.onload = function () {
   errorMessage.innerHTML = "Check your date!";
   submitButton.parentNode.insertBefore(errorMessage, submitButton);  // Insert before submit button
 
+    // post
+  fetch( '/submit', { // fetch is where you specify the url/ resouce that you want to see
+    method:'POST',
+    body: jsonTaskObj,// send body to server
+  }).then((response) => response.json())
+  .then((data) => {
+      // this is the response from the server
+      console.log(data)
+      for (i = 0; i < data.length; i++){
+        refreshTodoList(data[i]);
+        console.log(data[i]);
+      }
+      console.log(taskObj)
+    })
+ 
+
   // Add event listener to the due date input
   dueDayInput.addEventListener('input', function () {
       validateDates();
diff --git a/server.js b/server.js
index 25b8c9ea..b396cc16 100644
--- a/server.js
+++ b/server.js
@@ -42,8 +42,10 @@ const handlePost = function( request, response ) {
     if ( request.url === "/submit"){
    // console.log( JSON.parse( dataString ) )
     // ... do something with the data here!!!
-    let dataJson = JSON.parse(dataString)
-    appdata.push(dataJson)
+    if(dataString!=""){
+      let dataJson = JSON.parse(dataString)
+      appdata.push(dataJson)
+    }
     }
 
     // ... do something with the data here!!!

From e435649eb6b7fd817ef250fc65ce73cab50d436c Mon Sep 17 00:00:00 2001
From: chenxiiZ <12czeng@gmail.com>
Date: Mon, 9 Sep 2024 22:07:35 -0400
Subject: [PATCH 14/30] fix bug

---
 public/js/main.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/public/js/main.js b/public/js/main.js
index d986a6ce..6b1e49b2 100644
--- a/public/js/main.js
+++ b/public/js/main.js
@@ -14,7 +14,7 @@ window.onload = function () {
     // post
   fetch( '/submit', { // fetch is where you specify the url/ resouce that you want to see
     method:'POST',
-    body: jsonTaskObj,// send body to server
+    body: "",// send body to server
   }).then((response) => response.json())
   .then((data) => {
       // this is the response from the server

From ba026ba8b6788a638c64e6efda4c489b331511d5 Mon Sep 17 00:00:00 2001
From: chenxiiZ <12czeng@gmail.com>
Date: Mon, 9 Sep 2024 22:09:33 -0400
Subject: [PATCH 15/30] add

---
 public/js/main.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/public/js/main.js b/public/js/main.js
index 6b1e49b2..2521924e 100644
--- a/public/js/main.js
+++ b/public/js/main.js
@@ -11,10 +11,10 @@ window.onload = function () {
   errorMessage.innerHTML = "Check your date!";
   submitButton.parentNode.insertBefore(errorMessage, submitButton);  // Insert before submit button
 
-    // post
+  let taskObj = {};
   fetch( '/submit', { // fetch is where you specify the url/ resouce that you want to see
     method:'POST',
-    body: "",// send body to server
+    body: JSON.stringify(taskObj),// send body to server
   }).then((response) => response.json())
   .then((data) => {
       // this is the response from the server

From 9d01f103c16d8bacb0647720031b571e6c342038 Mon Sep 17 00:00:00 2001
From: chenxiiZ <12czeng@gmail.com>
Date: Mon, 9 Sep 2024 22:12:59 -0400
Subject: [PATCH 16/30] add

---
 public/js/main.js | 2 +-
 server.js         | 7 ++++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/public/js/main.js b/public/js/main.js
index 2521924e..cc1ffae6 100644
--- a/public/js/main.js
+++ b/public/js/main.js
@@ -12,7 +12,7 @@ window.onload = function () {
   submitButton.parentNode.insertBefore(errorMessage, submitButton);  // Insert before submit button
 
   let taskObj = {};
-  fetch( '/submit', { // fetch is where you specify the url/ resouce that you want to see
+  fetch( '/', { // fetch is where you specify the url/ resouce that you want to see
     method:'POST',
     body: JSON.stringify(taskObj),// send body to server
   }).then((response) => response.json())
diff --git a/server.js b/server.js
index b396cc16..b7c2c35e 100644
--- a/server.js
+++ b/server.js
@@ -42,10 +42,11 @@ const handlePost = function( request, response ) {
     if ( request.url === "/submit"){
    // console.log( JSON.parse( dataString ) )
     // ... do something with the data here!!!
-    if(dataString!=""){
-      let dataJson = JSON.parse(dataString)
-      appdata.push(dataJson)
+    let dataJson = JSON.parse(dataString)
+    appdata.push(dataJson)
     }
+    else if(request.url === "/"){
+      
     }
 
     // ... do something with the data here!!!

From baf39244b1687cc8e977d53380a9ef7483b5ad57 Mon Sep 17 00:00:00 2001
From: chenxiiZ <12czeng@gmail.com>
Date: Mon, 9 Sep 2024 22:16:56 -0400
Subject: [PATCH 17/30] delete table

---
 public/js/main.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/public/js/main.js b/public/js/main.js
index cc1ffae6..98b65f93 100644
--- a/public/js/main.js
+++ b/public/js/main.js
@@ -85,6 +85,10 @@ const submit = function (e) {
 let jsonTaskObj = JSON.stringify(taskObj);
 
 
+let table = todoListDiv.querySelector("table");
+if (table) {
+  table.remove();
+}
 
   // post
   fetch( '/submit', { // fetch is where you specify the url/ resouce that you want to see

From 62396698281bbe8b86d564e7b6590a5520730969 Mon Sep 17 00:00:00 2001
From: chenxiiZ <12czeng@gmail.com>
Date: Mon, 9 Sep 2024 22:19:36 -0400
Subject: [PATCH 18/30] add

---
 public/js/main.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/public/js/main.js b/public/js/main.js
index 98b65f93..53f8d42a 100644
--- a/public/js/main.js
+++ b/public/js/main.js
@@ -84,7 +84,7 @@ const submit = function (e) {
 // Convert the object to a JSON string
 let jsonTaskObj = JSON.stringify(taskObj);
 
-
+let todoListDiv = document.getElementById("submittedTodo");
 let table = todoListDiv.querySelector("table");
 if (table) {
   table.remove();

From b1ffae93515ed9c02f11de0cf63bc70e2fec1bab Mon Sep 17 00:00:00 2001
From: chenxiiZ <12czeng@gmail.com>
Date: Mon, 9 Sep 2024 22:27:26 -0400
Subject: [PATCH 19/30] add delete

---
 public/js/main.js | 21 +++++++++++++++++++++
 server.js         |  8 +++++---
 2 files changed, 26 insertions(+), 3 deletions(-)

diff --git a/public/js/main.js b/public/js/main.js
index 53f8d42a..099e1314 100644
--- a/public/js/main.js
+++ b/public/js/main.js
@@ -166,8 +166,29 @@ function refreshTodoList(taskObj) {
   let deleteBtn = document.createElement("button");
   deleteBtn.innerHTML = "Delete";
   deleteBtn.onclick = function () {
+    let taskToDelete = {
+      task: taskObj.task
+    };
+  
+    let jsonTaskToDelete = JSON.stringify(taskToDelete);
+  
+    fetch('/delete', {
+      method: 'POST',
+      body: jsonTaskToDelete,
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    })
+    .then((response) => response.json())
+    .then((data) => {
+      console.log(data);
       tr.remove();
+    })
+    .catch((error) => {
+      console.error('Error:', error);
+    });
   };
+  
   tdActions.appendChild(deleteBtn);
 
   // Append the table to the div
diff --git a/server.js b/server.js
index b7c2c35e..65a121eb 100644
--- a/server.js
+++ b/server.js
@@ -44,9 +44,11 @@ const handlePost = function( request, response ) {
     // ... do something with the data here!!!
     let dataJson = JSON.parse(dataString)
     appdata.push(dataJson)
-    }
-    else if(request.url === "/"){
-      
+    } else if (request.url === "/delete") {
+      let dataJson = JSON.parse(dataString);
+      let taskToDelete = dataJson.task;
+
+      appdata = appdata.filter(task => task.task !== taskToDelete);
     }
 
     // ... do something with the data here!!!

From 14d74ff0b95b4733dc1bf8478a3a78cce2c378f5 Mon Sep 17 00:00:00 2001
From: chenxiiZ <12czeng@gmail.com>
Date: Mon, 9 Sep 2024 22:29:38 -0400
Subject: [PATCH 20/30] add

---
 public/js/main.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/public/js/main.js b/public/js/main.js
index 099e1314..8c6bc18f 100644
--- a/public/js/main.js
+++ b/public/js/main.js
@@ -169,6 +169,7 @@ function refreshTodoList(taskObj) {
     let taskToDelete = {
       task: taskObj.task
     };
+    console.log(taskObj.task);
   
     let jsonTaskToDelete = JSON.stringify(taskToDelete);
   

From 87b1ac8362a115a84e699fd495abbed78cef46f5 Mon Sep 17 00:00:00 2001
From: chenxiiZ <12czeng@gmail.com>
Date: Mon, 9 Sep 2024 22:32:35 -0400
Subject: [PATCH 21/30] add

---
 public/js/main.js | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/public/js/main.js b/public/js/main.js
index 8c6bc18f..4806a47b 100644
--- a/public/js/main.js
+++ b/public/js/main.js
@@ -176,9 +176,6 @@ function refreshTodoList(taskObj) {
     fetch('/delete', {
       method: 'POST',
       body: jsonTaskToDelete,
-      headers: {
-        'Content-Type': 'application/json'
-      }
     })
     .then((response) => response.json())
     .then((data) => {

From 97330d11ed5c42e1226079028a360cbe50c86db6 Mon Sep 17 00:00:00 2001
From: chenxiiZ <12czeng@gmail.com>
Date: Mon, 9 Sep 2024 22:46:13 -0400
Subject: [PATCH 22/30] add

---
 server.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/server.js b/server.js
index 65a121eb..29ef4951 100644
--- a/server.js
+++ b/server.js
@@ -38,7 +38,6 @@ const handlePost = function( request, response ) {
   })
 
   request.on( 'end', function() {
-    console.log( JSON.parse( dataString ) )
     if ( request.url === "/submit"){
    // console.log( JSON.parse( dataString ) )
     // ... do something with the data here!!!
@@ -48,7 +47,7 @@ const handlePost = function( request, response ) {
       let dataJson = JSON.parse(dataString);
       let taskToDelete = dataJson.task;
 
-      appdata = appdata.filter(task => task.task !== taskToDelete);
+      appdata = appdata.filter(item => item.task !== taskToDelete);
     }
 
     // ... do something with the data here!!!

From e7c3d4460473a4172f9ef6fdcc905f5a1d9b9f69 Mon Sep 17 00:00:00 2001
From: chenxiiZ <12czeng@gmail.com>
Date: Mon, 9 Sep 2024 22:48:17 -0400
Subject: [PATCH 23/30] add

---
 server.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/server.js b/server.js
index 29ef4951..b68a994e 100644
--- a/server.js
+++ b/server.js
@@ -47,7 +47,7 @@ const handlePost = function( request, response ) {
       let dataJson = JSON.parse(dataString);
       let taskToDelete = dataJson.task;
 
-      appdata = appdata.filter(item => item.task !== taskToDelete);
+      appdata = [];
     }
 
     // ... do something with the data here!!!

From 243ad1af27aba7474b37b2318f1d3e3aea763a19 Mon Sep 17 00:00:00 2001
From: chenxiiZ <12czeng@gmail.com>
Date: Mon, 9 Sep 2024 22:50:28 -0400
Subject: [PATCH 24/30] add

---
 server.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/server.js b/server.js
index b68a994e..bcb434a8 100644
--- a/server.js
+++ b/server.js
@@ -43,7 +43,7 @@ const handlePost = function( request, response ) {
     // ... do something with the data here!!!
     let dataJson = JSON.parse(dataString)
     appdata.push(dataJson)
-    } else if (request.url === "/delete") {
+    } else {
       let dataJson = JSON.parse(dataString);
       let taskToDelete = dataJson.task;
 

From 29d43cb7e94d0d92d2513f1e0aca43b977e99caa Mon Sep 17 00:00:00 2001
From: chenxiiZ <12czeng@gmail.com>
Date: Mon, 9 Sep 2024 22:54:29 -0400
Subject: [PATCH 25/30] add

---
 public/js/main.js | 2 --
 server.js         | 5 +++--
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/public/js/main.js b/public/js/main.js
index 4806a47b..5e88db15 100644
--- a/public/js/main.js
+++ b/public/js/main.js
@@ -21,9 +21,7 @@ window.onload = function () {
       console.log(data)
       for (i = 0; i < data.length; i++){
         refreshTodoList(data[i]);
-        console.log(data[i]);
       }
-      console.log(taskObj)
     })
  
 
diff --git a/server.js b/server.js
index bcb434a8..1522335f 100644
--- a/server.js
+++ b/server.js
@@ -43,13 +43,14 @@ const handlePost = function( request, response ) {
     // ... do something with the data here!!!
     let dataJson = JSON.parse(dataString)
     appdata.push(dataJson)
-    } else {
+    } else if (request.url === "/delete") {
       let dataJson = JSON.parse(dataString);
       let taskToDelete = dataJson.task;
 
-      appdata = [];
+      appdata = [appdata.filter(item => item.task !== taskToDelete)];
     }
 
+    appdata = [];
     // ... do something with the data here!!!
 
     response.writeHead( 200, "OK", {'Content-Type': 'text/plain' })

From e9dbfc95f25f8f88d96af80e34f13d39306e6974 Mon Sep 17 00:00:00 2001
From: chenxiiZ <12czeng@gmail.com>
Date: Mon, 9 Sep 2024 22:58:26 -0400
Subject: [PATCH 26/30] add

---
 server.js | 46 +++++++++++++++++++++++++---------------------
 1 file changed, 25 insertions(+), 21 deletions(-)

diff --git a/server.js b/server.js
index 1522335f..d0bb5b5c 100644
--- a/server.js
+++ b/server.js
@@ -30,33 +30,37 @@ const handleGet = function( request, response ) {
   }
 }
 
-const handlePost = function( request, response ) {
-  let dataString = ''
-
-  request.on( 'data', function( data ) {
-      dataString += data 
-  })
-
-  request.on( 'end', function() {
-    if ( request.url === "/submit"){
-   // console.log( JSON.parse( dataString ) )
-    // ... do something with the data here!!!
-    let dataJson = JSON.parse(dataString)
-    appdata.push(dataJson)
+const handlePost = function(request, response) {
+  let dataString = '';
+
+  request.on('data', function(data) {
+    dataString += data;
+  });
+
+  request.on('end', function() {
+    if (request.url === "/submit") {
+      // Handle task submission
+      let dataJson = JSON.parse(dataString);
+      appdata.push(dataJson); // Add task to appdata
+      console.log('After submit:', appdata);
     } else if (request.url === "/delete") {
+      // Handle task deletion
       let dataJson = JSON.parse(dataString);
       let taskToDelete = dataJson.task;
-
-      appdata = [appdata.filter(item => item.task !== taskToDelete)];
+      appdata = appdata.filter(item => item.task !== taskToDelete); // Remove task
+      console.log('After delete:', appdata);
     }
 
-    appdata = [];
-    // ... do something with the data here!!!
+    // Empty appdata after processing the request
+    appdata = []; 
+    console.log('appdata emptied:', appdata);
+
+    // Send response with the (now empty) appdata
+    response.writeHead(200, { 'Content-Type': 'application/json' });
+    response.end(JSON.stringify(appdata));
+  });
+};
 
-    response.writeHead( 200, "OK", {'Content-Type': 'text/plain' })
-    response.end(JSON.stringify(appdata))
-  })
-}
 
 function calculateDaysLeft(dueDay) {
   let currentDate = new Date();

From 7ed934d870f618e1005ef24f2e7d8a2e1162e19f Mon Sep 17 00:00:00 2001
From: chenxiiZ <12czeng@gmail.com>
Date: Mon, 9 Sep 2024 23:00:48 -0400
Subject: [PATCH 27/30] add

---
 server.js | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/server.js b/server.js
index d0bb5b5c..05cf598d 100644
--- a/server.js
+++ b/server.js
@@ -51,10 +51,6 @@ const handlePost = function(request, response) {
       console.log('After delete:', appdata);
     }
 
-    // Empty appdata after processing the request
-    appdata = []; 
-    console.log('appdata emptied:', appdata);
-
     // Send response with the (now empty) appdata
     response.writeHead(200, { 'Content-Type': 'application/json' });
     response.end(JSON.stringify(appdata));

From 64987c17b45e773caec970d57da4f0364c6b2611 Mon Sep 17 00:00:00 2001
From: chenxiiZ <12czeng@gmail.com>
Date: Mon, 9 Sep 2024 23:40:02 -0400
Subject: [PATCH 28/30] Final Changes

---
 README.md | 115 ++++++++++++------------------------------------------
 1 file changed, 26 insertions(+), 89 deletions(-)

diff --git a/README.md b/README.md
index 4471f667..fb43c026 100644
--- a/README.md
+++ b/README.md
@@ -1,100 +1,37 @@
-Assignment 2 - Short Stack: Basic Two-tier Web Application using HTML/CSS/JS and Node.js  
-===
 
-Due: September 9th, by 11:59 AM.
+## Make Your Own To-do List!
+This application allows users to create, view, and manage a to-do list. Users can add tasks with priorities, set deadlines, and also delete tasks once completed. The app supports adding tasks to a dynamic table and deleting them both on the client side and on the server.
 
-This assignment will introduce you to creating a prototype two-tiered web application. 
-Your application will include the use of HTML, CSS, JavaScript, and Node.js functionality, with active communication between the client and the server.
+## Features
+Add tasks with the following attributes:
+Task Name
+Priority (Low, Medium, High)
+Creation Date
+Due Date and Time
+Dynamically generated table to display the submitted to-do items.
+Ability to delete tasks from the to-do list both on the client and server side.
 
-Baseline Requirements
----
-
-There are a range of application areas and possibilities that meet these baseline requirements. 
-Try to make your application do something useful! A todo list, storing / retrieving high scores for a very simple game... have a little fun with it.
-
-Your application is required to implement the following functionalities:
-
-- a `Server` which not only serves files, but also maintains a tabular dataset with 3 or more fields related to your application
-- a `Results` functionality which shows the entire dataset residing in the server's memory
-- a `Form/Entry` functionality which allows a user to add or delete data items residing in the server's memory
-- a `Server Logic` which, upon receiving new or modified "incoming" data, includes and uses a function that adds at least one additional derived field to this incoming data before integrating it with the existing dataset
-- the `Derived field` for a new row of data must be computed based on fields already existing in the row. 
-For example, a `todo` dataset with `task`, `priority`, and `creation_date` may generate a new field `deadline` by looking at `creation_date` and `priority`
-
-Your application is required to demonstrate the use of the following concepts:
-
-HTML:
-- One or more [HTML Forms](https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms), with any combination of form tags appropriate for the user input portion of the application
-- A results page displaying all data currently available on the server. You will most likely use a `<table>` tag for this, but `<ul>` or `<ol>` could also work and might be simpler to work with. Alternatively, you can create a single-page app (see Technical Acheivements) but this is not a requirement.
-- All pages should [validate](https://validator.w3.org)
-- If your app contains multple pages, they should all be accessible from the homepage (index.html)
-
-CSS:
-- CSS styling of the primary visual elements in the application
-- Various CSS Selector functionality must be demonstrated:
-    - Element selectors
-    - ID selectors
-    - Class selectors
-- CSS positioning and styling of the primary visual elements in the application:
-    - Use of either a CSS grid or flexbox for layout
-    - Rules defining fonts for all text used; be deliberate! Be sure to use a web safe font or a font from a web service like [Google Fonts](http://fonts.google.com/)
-
-- CSS defined in a maintainable, readable form, in external stylesheets 
-
-JavaScript:
-- At minimum, a small amount of front-end JavaScript to get / fetch data from the server; a sample is provided in this repository.
-
-Node.js:
-- An HTTP Server that delivers all necessary files and data for the application, and also creates the required `Derived Fields` in your data. 
-A starting point is provided in this repository.
-
-Deliverables
----
-
-Do the following to complete this assignment and acheive a base grade of 85%:
-
-1. Fork the starting project code. This repo contains some starter code that may be used or discarded as needed.
-2. Implement your project with the above requirements.
-3. Test your project to make sure that when someone goes to your main page, it displays correctly.
-4. Deploy your project to Glitch, and fill in the appropriate fields in your package.json file.
-5. Ensure that your project has the proper naming scheme `a2-yourGithubUsername` so we can find it.
-6. Modify the README to the specifications below, and delete all of the instructions originally found in this README.
-7. Create and submit a Pull Request to the original repo. Label the pull request as follows: a2-gitusername-firstname-lastname
-
-Acheivements
----
-
-Below are suggested technical and design achievements. You can use these to help boost your grade up to an A and customize the assignment to your personal interests. These are recommended acheivements, but feel free to create/implement your own... just make sure you thoroughly describe what you did in your README and why it was challenging. ALL ACHIEVEMENTS MUST BE DESCRIBED IN YOUR README IN ORDER TO GET CREDIT FOR THEM. Remember, the highest grade you can get on any individual assignment is a 100%.
-
-*Technical*
-- (5 points) Create a single-page app that both provides a form for users to submit data and always shows the current state of the server-side data. To put it another way, when the user submits data, the server should respond sending back the updated data (including the derived field calculated on the server) and the client should then update its data display.
-
-- (5 points) In addition to a form enabling adding and deleting data on the server, also add the ability to modify existing data.
+## Technical Achievements
+- **Tech Achievement 1**: It's a single-page app that both provides a form for users to submit data and always shows the current state of the server-side data.
+- **Tech Achievement 2**: In addition to a form enabling adding and deleting data on the server.
+- **Tech Achievement 3**: Data saved in JSON format, Used HTML form. 
+- **Tech Achievement 4**:I have all the requirements for the form, at least 3 input fields, Various CSS Selector functionality are demonstrated including Element selectors, ID selectors, Class selectors and flexbox and grid layout and used Montserrat from Google fonts. 
 
-*Design/UX*
-- (5 points per person, with a max of 10 points) Test your user interface with other students in the class. Define a specific task for them to complete (ideally something short that takes <10 minutes), and then use the [think-aloud protocol](https://en.wikipedia.org/wiki/Think_aloud_protocol) to obtain feedback on your design (talk-aloud is also fine). Important considerations when designing your study:
+### Design/Evaluation Achievements
+- **Think-aloud 1**: 
+- **Last Name**:Li(Zihan)
+- **Problems**:The paddings of the website is a little weird, there were too much space on the top.
+- **Comments**:But everything looks ok, at least the functions of the to-do list is working, it's not an application that's difficult to use.
+- **Changes**:I fixed the padding, and everything is centered.
 
-1. Make sure you start the study by clearly stating the task that you expect your user to accomplish.
-2. You shouldn't provide any verbal instructions on how to use your interface / accomplish the task you give them. Make sure that your interface is clear enough that users can figure it out without any instruction, or provide text instructions from within the interface itself. 
-3. If users get stuck to the point where they give up, you can then provde instruction so that the study can continue, but make sure to discuss this in your README. You won't lose any points for this... all feedback is good feedback!
 
-You'll need to use sometype of collaborative software that will enable you both to see the test subject's screen and listen to their voice as they describe their thoughts, or conduct the studies in person. After completing each study, briefly (one to two sentences for each question) address the following in your README:
+**Think-aloud 2**:
+- **Last Name**:Lin(Skyler)
+- **Problems**:The form looks a little too simple, need more css designs.
+- **Comments**:Overall it's a really easy app to use, because it's very straightforward, you type in your task, creation date, due date and time, after you submit, it will generate a form of the information you put. 
+- **Changes**: Add more styling for the form and button. 
 
-1. Provide the last name of each student you conduct the evaluation with.
-2. What problems did the user have with your design?
-3. What comments did they make that surprised you?
-4. What would you change about the interface based on their feedback?
 
-*You do not need to actually make changes based on their feedback*. This acheivement is designed to help gain experience testing user interfaces. If you run two user studies, you should answer two sets of questions. 
 
-Sample Readme (delete the above when you're ready to submit, and modify the below so with your links and descriptions)
----
 
-## Your Web Application Title
-Include a very brief summary of your project here. Be sure to include the CSS positioning technique you used, and any required instructions to use your application.
 
-## Technical Achievements
-- **Tech Achievement 1**: Using a combination of...
-
-### Design/Evaluation Achievements
-- **Design Achievement 1**: 

From 282d3925bf4fdac1a509376e2dc621ed078fa09a Mon Sep 17 00:00:00 2001
From: chenxiiZ <163038358+chenxiiZ@users.noreply.github.com>
Date: Mon, 9 Sep 2024 23:42:54 -0400
Subject: [PATCH 29/30] Update README.md

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index fb43c026..db27a4aa 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,6 @@
 
 ## Make Your Own To-do List!
+Glitch: https://trapezoidal-surf-bear.glitch.me
 This application allows users to create, view, and manage a to-do list. Users can add tasks with priorities, set deadlines, and also delete tasks once completed. The app supports adding tasks to a dynamic table and deleting them both on the client side and on the server.
 
 ## Features

From e9cb082a9c3f1655be84028abac5e69d114f7ce9 Mon Sep 17 00:00:00 2001
From: chenxiiZ <163038358+chenxiiZ@users.noreply.github.com>
Date: Sat, 14 Sep 2024 19:56:11 -0400
Subject: [PATCH 30/30] glitch changed

---
 README.md | 1 -
 1 file changed, 1 deletion(-)

diff --git a/README.md b/README.md
index db27a4aa..fb43c026 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,5 @@
 
 ## Make Your Own To-do List!
-Glitch: https://trapezoidal-surf-bear.glitch.me
 This application allows users to create, view, and manage a to-do list. Users can add tasks with priorities, set deadlines, and also delete tasks once completed. The app supports adding tasks to a dynamic table and deleting them both on the client side and on the server.
 
 ## Features