From 4d17f37255a5777e7f33ca6531c31b45dfa69917 Mon Sep 17 00:00:00 2001 From: "Glitch (a3-cbennet-cooper-bennet)" Date: Thu, 19 Sep 2019 15:58:36 +0000 Subject: [PATCH] =?UTF-8?q?=F0=9F=90=BE=F0=9F=9A=8F=20Updated=20with=20Gli?= =?UTF-8?q?tch?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .glitch-assets | 3 + README.md | 76 +-- package.json | 22 + public/client.js | 31 + public/normalize.css | 349 +++++++++++ public/style.css | 79 +++ server.js | 194 ++++++ shrinkwrap.yaml | 1338 ++++++++++++++++++++++++++++++++++++++++++ views/entry.html | 61 ++ views/index.html | 46 ++ 10 files changed, 2127 insertions(+), 72 deletions(-) create mode 100644 .glitch-assets mode change 100755 => 100644 README.md create mode 100644 package.json create mode 100644 public/client.js create mode 100644 public/normalize.css create mode 100644 public/style.css create mode 100644 server.js create mode 100644 shrinkwrap.yaml create mode 100644 views/entry.html create mode 100644 views/index.html diff --git a/.glitch-assets b/.glitch-assets new file mode 100644 index 00000000..89fbc110 --- /dev/null +++ b/.glitch-assets @@ -0,0 +1,3 @@ +{"name":"drag-in-files.svg","date":"2016-10-22T16:17:49.954Z","url":"https://cdn.hyperdev.com/drag-in-files.svg","type":"image/svg","size":7646,"imageWidth":276,"imageHeight":276,"thumbnail":"https://cdn.hyperdev.com/drag-in-files.svg","thumbnailWidth":276,"thumbnailHeight":276,"dominantColor":"rgb(102, 153, 205)","uuid":"adSBq97hhhpFNUna"} +{"name":"click-me.svg","date":"2016-10-23T16:17:49.954Z","url":"https://cdn.hyperdev.com/click-me.svg","type":"image/svg","size":7116,"imageWidth":276,"imageHeight":276,"thumbnail":"https://cdn.hyperdev.com/click-me.svg","thumbnailWidth":276,"thumbnailHeight":276,"dominantColor":"rgb(243, 185, 186)","uuid":"adSBq97hhhpFNUnb"} +{"name":"paste-me.svg","date":"2016-10-24T16:17:49.954Z","url":"https://cdn.hyperdev.com/paste-me.svg","type":"image/svg","size":7242,"imageWidth":276,"imageHeight":276,"thumbnail":"https://cdn.hyperdev.com/paste-me.svg","thumbnailWidth":276,"thumbnailHeight":276,"dominantColor":"rgb(42, 179, 185)","uuid":"adSBq97hhhpFNUnc"} diff --git a/README.md b/README.md old mode 100755 new mode 100644 index afcca619..5ac68738 --- a/README.md +++ b/README.md @@ -1,74 +1,6 @@ -Assignment 3 - Persistence: Two-tier Web Application with Flat File Database, Express server, and CSS template -=== +## NameList -Due: September 16th, by 11:59 AM. +your glitch link e.g. http://a3-cbennet-cooper-bennet.glitch.me -This assignnment continues where we left off, extending it to use the most popular Node.js server framework (express), a flat file database suitable for small applications (lowdb), and a CSS application framework / template of your choice (Boostrap, Material Design, Semantic UI, Pure etc.) - - -Baseline Requirements ---- - -Your application is required to implement the following functionalities: - -- a `Server`, created using Express (no alternatives will be accepted for this assignment) -- a `Results` functionality which shows the entire dataset residing in the server's memory -- a `Form/Entry` functionality which allows users to add, modify, and delete data items (must be all three!) associated with their user name / account. -- Use of at least five [Express middleware packages](https://expressjs.com/en/resources/middleware.html). Explore! -- Basic authentication using the [Passport middleware](http://www.passportjs.org) for Express (this counts as one of your five middleware packages). We encourage using the Local strategy, but OAuth (Open Authentication) can also be used for additional technical achievement. The course staff cannot help you with the various flavors of OAuth strategies. YOU MUST PROVIDE US WITH ACCOUNT CREDENTIALS TO LOGIN TO YOUR APPLICATION IF YOU USE OAUTH. The course staff cannot be expected to have credentials for any particular OAuth service. -- Persistent data storage in between server sessions. [lowdb](https://github.com/typicode/lowdb) is a suitable database package for this assignment and will be discussed in class. -- Use of a [CSS framework or template](https://github.com/troxler/awesome-css-frameworks). This should do the bulk of your styling/CSS for you and be appropriate to your application. For example, don't use [NES.css](https://nostalgic-css.github.io/NES.css/) (which is awesome!) unless you're creating a game or some type of retro 80s site. - -Your application is required to demonstrate the use of the following concepts: - -HTML: -- HTML input tags and form fields of various flavors (`