diff --git a/.bash_history b/.bash_history new file mode 100644 index 000000000..5fdd18ffd --- /dev/null +++ b/.bash_history @@ -0,0 +1 @@ +npm install diff --git a/.config/configstore/update-notifier-npm.json b/.config/configstore/update-notifier-npm.json new file mode 100644 index 000000000..e13f7f79b --- /dev/null +++ b/.config/configstore/update-notifier-npm.json @@ -0,0 +1,4 @@ +{ + "optOut": false, + "lastUpdateCheck": 1665621400885 +} \ No newline at end of file diff --git a/.config/configstore/update-notifier-pnpm.json b/.config/configstore/update-notifier-pnpm.json new file mode 100644 index 000000000..1a9d2c664 --- /dev/null +++ b/.config/configstore/update-notifier-pnpm.json @@ -0,0 +1,4 @@ +{ + "optOut": false, + "lastUpdateCheck": 1665616689381 +} \ No newline at end of file diff --git a/.config/glitch-package-manager b/.config/glitch-package-manager new file mode 100644 index 000000000..adcdaedec --- /dev/null +++ b/.config/glitch-package-manager @@ -0,0 +1 @@ +pnpm diff --git a/.env b/.env new file mode 100644 index 000000000..6831eec40 --- /dev/null +++ b/.env @@ -0,0 +1,6 @@ + # Scrubbed by Glitch 2022-10-12T23:17:52+0000 +MONGOUSER = nappa22428 +MONGOPASSWORD = s40GErB0C1yIokB0 +MONGO_HOST= cluster0.uyte9vz.mongodb.net + +COOKIE_SECRET = 25442A472D4B6150645367566B5 \ No newline at end of file diff --git a/.glitch-assets b/.glitch-assets new file mode 100644 index 000000000..0478537be --- /dev/null +++ b/.glitch-assets @@ -0,0 +1 @@ +{"name":"JJQLRs-outline-dragon-transparent.png","date":"2022-10-13T00:08:38.776Z","url":"https://cdn.glitch.global/369afb72-abcf-4112-901c-e43b76263a6f/JJQLRs-outline-dragon-transparent.png","type":"image/png","size":74883,"imageWidth":400,"imageHeight":330,"thumbnail":"https://cdn.glitch.global/369afb72-abcf-4112-901c-e43b76263a6f/thumbnails%2FJJQLRs-outline-dragon-transparent.png","thumbnailWidth":330,"thumbnailHeight":273,"uuid":"kYVUVe6r01rhZ0ex"} 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/Procfile b/Procfile new file mode 100644 index 000000000..4aae56e2c --- /dev/null +++ b/Procfile @@ -0,0 +1 @@ +web: node server.improved.js \ No newline at end of file diff --git a/README.md b/README.md index 1ba2c7a4c..9a8f88a7e 100644 --- a/README.md +++ b/README.md @@ -1,116 +1,29 @@ -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 ---- - -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 (`