a3-JoeVolpato

.bash_history

@@ -0,0 +1 @@
+npm install

.config/configstore/update-notifier-npm.json

@@ -0,0 +1,4 @@
+{
+	"optOut": false,
+	"lastUpdateCheck": 1665621400885
+}

.config/configstore/update-notifier-pnpm.json

@@ -0,0 +1,4 @@
+{
+	"optOut": false,
+	"lastUpdateCheck": 1665616689381
+}

.config/glitch-package-manager

@@ -0,0 +1 @@
+pnpm

.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

.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"}

.glitchdotcom.json

@@ -0,0 +1 @@
+{"appType":"node","buildDirectory":null}

Procfile

@@ -0,0 +1 @@
+web: node server.improved.js

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 (`<textarea>`, `<input>`, checkboxes, radio buttons etc.)
-- HTML that can display all data *for a particular authenticated user*. Note that this is different from the last assignnment, which required the display of all data in memory on the server.
-
-Note that it might make sense to have two pages for this assignment, one that handles login / authentication, and one that contains the rest of your application.
-For example, when visiting the home page for the assignment, users could be presented with a login form. After submitting the login form, if the login is 
-successful, they are taken to the main application. If they fail, they are sent back to the login to try again. For this assignment, it is acceptable to simply create 
-new user accounts upon login if none exist, however, you must alert your users to this fact.  
-
-CSS:  
-- CSS styling should primarily be provided by your chosen template/framework. 
-Oftentimes a great deal of care has been put into designing CSS templates; 
-don't override their stylesheets unless you are extremely confident in your graphic design capabilities. 
-The idea is to use CSS templates that give you a professional looking design aesthetic without requiring you to be a graphic designer yourself.
-
-JavaScript:  
-- At minimum, a small amount of front-end JavaScript to get / fetch data from the server. 
-See the [previous assignment](https://github.com/cs4241-19a/a2-shortstack) for reference.
-
-Node.js:  
-- A server using Express, at least five pieces of Express middleware, and a persistent database (mongodb).
-
-General:  
-- Your site should achieve at least 90% on the `Performance`, `Best Practices`, `Accessibility`, and `SEO` tests 
-using Google [Lighthouse](https://developers.google.com/web/tools/lighthouse) (don't worry about the PWA test, and don't worry about scores for mobile devices).
-Test early and often so that fixing problems doesn't lead to suffering at the end of the assignment. 
-
-Deliverables
----
-
-Do the following to complete this assignment:
-
-1. Implement your project with the above requirements. A good potential starting point is to use the "hello-express" project template inside of Glitch; this appears as an option when you hit the "New Project" button. Use the work you did in the last assignment as a reference to implement functionality.
-2. If you developed your project locally, deploy your project to Glitch (unless completing the alternative server technical acheivement described below), and fill in the appropriate fields in your package.json file.
-3. Test your project to make sure that when someone goes to your main page on Glitch, it displays correctly.
-4. Ensure that your project has the proper naming scheme `a3-yourfirstname-yourlastname` so we can find it.
-5. Fork this repository and modify the README to the specifications below.
-6. Create and submit a Pull Request to the original repo. Name the pull request using the following template: `a3-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, for a maximum twenty additional points and a maximum grade of a 100%. 
-These are recommended acheivements, but feel free to create/implement your own... just make sure you thoroughly describe what you did in your README, 
-why it was challenging, and how many points you think the achievement should be worth. 
-ALL ACHIEVEMENTS MUST BE DESCRIBED IN YOUR README IN ORDER TO GET CREDIT FOR THEM.
-
-*Technical*
-- (10 points) Implement OAuth authentication, perhaps with a library like [passport.js](http://www.passportjs.org/). 
-*You must either use Github authenticaion or provide a username/password to access a dummy account*. 
-Course staff cannot be expected, for example, to have a personal Facebook, Google, or Twitter account to use when grading this assignment. 
-Please contact the course staff if you have any questions about this. THIS IS THE HARDEST ACHEIVEMENT OFFERED IN WEBWARE. You have been warned!  
-- (5 points) Instead of Glitch, host your site on a different service like [Heroku](https://www.heroku.com) or [Digital Ocean](https://www.digitalocean.com). Make sure to describe this a bit in your README. What was better about using the service you chose as compared to Glitch? What (if anything) was worse? 
-- (5 points) Get 100% (not 98%, not 99%, but 100%) in all four lighthouse tests required for this assignment.  
-
-*Design/UX*
-- (10 points) Make your site accessible using the [resources and hints available from the W3C](https://www.w3.org/WAI/), Implement/follow twelve tips from their [tips for writing](https://www.w3.org/WAI/tips/writing/), [tips for designing](https://www.w3.org/WAI/tips/designing/), and [tips for development](https://www.w3.org/WAI/tips/developing/). *Note that all twelve must require active work on your part*. 
-For example, even though your page will most likely not have a captcha, you don't get this as one of your twelve tips to follow because you're effectively 
-getting it "for free" without having to actively change anything about your site. 
-Contact the course staff if you have any questions about what qualifies and doesn't qualify in this regard. 
-List each tip that you followed and describe what you did to follow it in your site.
-- (5 points) Describe how your site uses the CRAP principles in the Non-Designer's Design Book readings. 
-Which element received the most emphasis (contrast) on each page? 
-How did you use proximity to organize the visual information on your page? 
-What design elements (colors, fonts, layouts, etc.) did you use repeatedly throughout your site? 
-How did you use alignment to organize information and/or increase contrast for particular elements. 
-Write a paragraph of at least 125 words *for each of four principles* (four paragraphs, 500 words in total). 
+Link-https://a3-joevolpato.herokuapp.com/
 
 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
+Gamer Den
+able to make a list of games and when you bough and completed 
 
-your glitch (or alternative server) link e.g. http://a3-charlie-roberts.glitch.me
-
-Include a very brief summary of your project here. Images are encouraged, along with concise, high-level text. Be sure to include:
+## Technical Achievements
+- **Tech Achievement 1**: made a functioning login page
+- **Tech Achievement 2**: set up the website on heroku
 
-- the goal of the application
-- challenges you faced in realizing the application
-- what authentication strategy you chose to use and why (choosing one because it seemed the easiest to implement is perfectly acceptable)
-- what CSS framework you used and why
-  - include any modifications to the CSS framework you made via custom CSS you authored
-- the five Express middleware packages you used and a short (one sentence) summary of what each one does. If you use a custom function for *one* (and one alone) middleware please 
-add a little more detail about what it does.
 
-## Technical Achievements
-- **Tech Achievement 1**: I used OAuth authentication via the GitHub strategy
 
 ### Design/Evaluation Achievements
-- **Design Achievement 1**: I followed the following tips from the W3C Web Accessibility Initiative...
+- **Design Achievement 1**: made headings green and big
+- **Design Achievement 2**: added a dragon to it
+- **Design Achievement 3**: have div text be aqua colored with no background color
+- **Design Achievement 4**: made background gray
+- **Design Achievement 5**: made it similar to the game library screen

login.js

@@ -0,0 +1,68 @@
+const User = require("./user.schema");
+const bcrypt = require("bcrypt");
+
+
+function getUser(email)
+{
+    return new Promise((resolve, reject) => {
+         User.findOne({email:email}, (err,res)=>{
+            err ? reject(err) : resolve(res);
+         });
+    })
+}
+
+async function loginUser(userData) {
+  let checkUser = await getUser(userData.email);
+  console.log("Check User: " + checkUser);
+  if (checkUser !== null) {
+    console.log("User already exists");
+    if (userData.password === null) {
+      return { email: userData.email, login: true };
+    } else {
+      const result = await bcrypt.compare(
+        userData.password,
+        checkUser.password
+      );
+
+      if (result == true) {
+        console.log("Check User: " + checkUser);
+        return { email: userData.email, login: true };
+      } else {
+        throw new Error("Invalid password");
+      }
+    }
+  } else {
+    if (userData.password !== null) {
+      return bcrypt.genSalt().then((salt) => {
+        return bcrypt.hash(userData.password, salt).then((password) => {
+          userData.password = password;
+          userData.foods = [];
+          return new Promise((resolve, reject) => {
+            const newUser = new User(userData);
+            newUser.save((err, res) => {
+              if (err) {
+                reject(err);
+              } else {
+                console.log("User does not exist, creating user");
+                resolve({ email: userData.email, login: false });
+              }
+            });
+          });
+        });
+      });
+    } else {
+      return new Promise((resolve, reject) => {
+        User.insertOne(userData, (err, res) => {
+          if (err) {
+            reject(err);
+          } else {
+            console.log("User does not exist, creating user");
+            resolve({ email: userData.email, login: false });
+          }
+        });
+      });
+    }
+  }
+}
+
+module.exports = { loginUser,getUser };