From 86260e649d20fc31b6740e38085f111a65b9a979 Mon Sep 17 00:00:00 2001 From: JackLeserman <39784006+JackLeserman@users.noreply.github.com> Date: Wed, 28 Sep 2022 15:10:03 -0400 Subject: [PATCH 01/12] Add files via upload --- .bash_history | 6 + .env | 5 + .glitch-assets | 7 + .glitchdotcom.json | 1 + .node-gyp | 0 README.md | 152 ++-- package-lock.json | 1812 ++++++++++++++++++++++++++++++++++++++++++++ package.json | 20 + pnpm-debug.log | 39 + server.js | 412 ++++++++++ shrinkwrap.yaml | 227 ++++++ 11 files changed, 2596 insertions(+), 85 deletions(-) create mode 100644 .bash_history create mode 100644 .env create mode 100644 .glitch-assets create mode 100644 .glitchdotcom.json create mode 100644 .node-gyp create mode 100644 package-lock.json create mode 100644 package.json create mode 100644 pnpm-debug.log create mode 100644 server.js create mode 100644 shrinkwrap.yaml diff --git a/.bash_history b/.bash_history new file mode 100644 index 000000000..86f9d56c7 --- /dev/null +++ b/.bash_history @@ -0,0 +1,6 @@ +npm i MongoDB +npm i mongodb +npm i express +npm install mongodb +npm install mongodb +npm install mongodb diff --git a/.env b/.env new file mode 100644 index 000000000..b3d6b68f7 --- /dev/null +++ b/.env @@ -0,0 +1,5 @@ +GLITCH_DEBUGGER= + # Scrubbed by Glitch 2022-08-29T16:46:41+0000 + # Scrubbed by Glitch 2022-09-02T02:09:19+0000 + # Scrubbed by Glitch 2022-09-07T13:13:24+0000 + # Scrubbed by Glitch 2022-09-15T16:35:37+0000 diff --git a/.glitch-assets b/.glitch-assets new file mode 100644 index 000000000..55bdb2306 --- /dev/null +++ b/.glitch-assets @@ -0,0 +1,7 @@ +{"name":"cart.jpg","date":"2022-09-02T21:19:39.028Z","url":"https://cdn.glitch.global/82c1bd81-7308-4ea7-bc2b-b0ff2ce9acff/cart.jpg","type":"image/jpeg","size":6033,"imageWidth":355,"imageHeight":340,"thumbnail":"https://cdn.glitch.global/82c1bd81-7308-4ea7-bc2b-b0ff2ce9acff/thumbnails%2Fcart.jpg","thumbnailWidth":330,"thumbnailHeight":317,"uuid":"sqi04pu0WQd2lpl3"} +{"uuid":"sqi04pu0WQd2lpl3","deleted":true} +{"name":"cart.png","date":"2022-09-02T21:19:39.028Z","url":"https://cdn.glitch.global/82c1bd81-7308-4ea7-bc2b-b0ff2ce9acff/cart.png","type":"image/jpeg","size":6033,"imageWidth":355,"imageHeight":340,"thumbnail":"https://cdn.glitch.global/82c1bd81-7308-4ea7-bc2b-b0ff2ce9acff/thumbnails%2Fcart.jpg","thumbnailWidth":330,"thumbnailHeight":317,"uuid":"sqi04pu0WQd2lpl3"} +{"uuid":"sqi04pu0WQd2lpl3","deleted":true} +{"name":"cart.png","date":"2022-09-02T21:19:39.028Z","url":"https://cdn.glitch.global/82c1bd81-7308-4ea7-bc2b-b0ff2ce9acff/cart.png","type":"image/jpeg","size":6033,"imageWidth":355,"imageHeight":340,"thumbnail":"https://cdn.glitch.global/82c1bd81-7308-4ea7-bc2b-b0ff2ce9acff/thumbnails%2Fcart.jpg","thumbnailWidth":330,"thumbnailHeight":317,"uuid":"sqi04pu0WQd2lpl3"} +{"uuid":"sqi04pu0WQd2lpl3","deleted":true} +{"name":"cart.png","date":"2022-09-02T21:19:39.028Z","url":"https://cdn.glitch.global/82c1bd81-7308-4ea7-bc2b-b0ff2ce9acff/cart.png","type":"image/jpeg","size":6033,"imageWidth":355,"imageHeight":340,"thumbnail":"https://cdn.glitch.global/82c1bd81-7308-4ea7-bc2b-b0ff2ce9acff/thumbnails%2Fcart.jpg","thumbnailWidth":330,"thumbnailHeight":317,"uuid":"sqi04pu0WQd2lpl3"} diff --git a/.glitchdotcom.json b/.glitchdotcom.json new file mode 100644 index 000000000..afcf92ab0 --- /dev/null +++ b/.glitchdotcom.json @@ -0,0 +1 @@ +{"appType":"node","buildDirectory":null} diff --git a/.node-gyp b/.node-gyp new file mode 100644 index 000000000..e69de29bb diff --git a/README.md b/README.md index 1ba2c7a4c..9434c9897 100644 --- a/README.md +++ b/README.md @@ -1,116 +1,98 @@ -Assignment 3 - Persistence: Two-tier Web Application with Database, Express server, and CSS template +Assignment 2 - Short Stack: Basic Two-tier Web Application using HTML/CSS/JS and Node.js === -Due: September 22nd, by 11:59 AM. +Due: September 8th, by 11:59 AM. -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.) +This assignment aims to 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 over the life of a user session. Baseline Requirements --- +There is a large 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`, 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. - -Your application is required to demonstrate the use of the following concepts: - -HTML: -- HTML input tags and form fields of various flavors (`