From 5c113d42bfa3c0e90c840bf85114a12387393fe1 Mon Sep 17 00:00:00 2001 From: "Glitch (a3-jonathan-palmieri)" Date: Wed, 28 Sep 2022 03:55:55 +0000 Subject: [PATCH 01/22] =?UTF-8?q?=F0=9F=9B=8E=EF=B8=8F=F0=9F=A5=A5=20Updat?= =?UTF-8?q?ed=20with=20Glitch?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .glitch-assets | 6 + README.md | 120 +------ package-lock.json | 784 ++++++++++++++++++++++++++++++++++++++++++++++ package.json | 30 ++ public/client.js | 34 ++ public/home.js | 47 +++ public/signup.js | 54 ++++ public/style.css | 20 ++ public/style2.css | 45 +++ server.js | 129 ++++++++ shrinkwrap.yaml | 434 +++++++++++++++++++++++++ views/home.html | 113 +++++++ views/index.html | 53 ++++ views/signup.html | 57 ++++ 14 files changed, 1823 insertions(+), 103 deletions(-) create mode 100644 .glitch-assets create mode 100644 package-lock.json create mode 100644 package.json create mode 100644 public/client.js create mode 100644 public/home.js create mode 100644 public/signup.js create mode 100644 public/style.css create mode 100644 public/style2.css create mode 100644 server.js create mode 100644 shrinkwrap.yaml create mode 100644 views/home.html create mode 100644 views/index.html create mode 100644 views/signup.html diff --git a/.glitch-assets b/.glitch-assets new file mode 100644 index 000000000..954626f61 --- /dev/null +++ b/.glitch-assets @@ -0,0 +1,6 @@ +{"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"} +{"uuid":"adSBq97hhhpFNUna","deleted":true} +{"uuid":"adSBq97hhhpFNUnb","deleted":true} +{"uuid":"adSBq97hhhpFNUnc","deleted":true} diff --git a/README.md b/README.md index 1ba2c7a4c..887720bd5 100644 --- a/README.md +++ b/README.md @@ -1,116 +1,30 @@ -Assignment 3 - Persistence: Two-tier Web Application with Database, Express server, and CSS template -=== +# hello-express -Due: September 22nd, by 11:59 AM. +A server that serves a webpage, its resources, and some data -This assignnment continues where we left off, extending it to use the most popular Node.js server framework (express), -a database (mongodb), and a CSS application framework / template of your choice (Boostrap, Material Design, Semantic UI, Pure etc.) -Baseline Requirements ---- +## Your Project -Your application is required to implement the following functionalities: +On the front-end, -- a `Server`, created using Express (no alternatives will be accepted for this assignment) -- a `Results` functionality which shows all data associated with a logged in user (except passwords) -- 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! One of these five middleware -can be a custom function that you write yourself; if you choose to do this, make sure to describe what this function is in your README. -- Persistent data storage in between server sessions using [mongodb](https://www.mongodb.com/cloud/atlas) -- 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. +- Edit `views/index.html` to change the content of the webpage +- `public/client.js` is the javacript that runs when you load the webpage +- `public/style.css` is the styles for `views/index.html` +- Drag in `assets`, like images or music, to add them to your project -Your application is required to demonstrate the use of the following concepts: +On the back-end, -HTML: -- HTML input tags and form fields of various flavors (`