diff --git a/.gitignore b/.gitignore new file mode 100644 index 000000000..1dcef2d9f --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +node_modules +.env \ No newline at end of file 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..338a4aa85 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 -=== +## CS:GO User Intake Form -Due: September 22nd, by 11:59 AM. +Link to website: https://webwarea3.herokuapp.com/ -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.) +The goal of my application was to create an account based intake form for stundents looking to join an esports team. I made the form specifically for CS:GO player, but it could be modified to fit any game or platform with a few minor tweeks. When building my application I ran into many hurdles with express and getting data to go back and forth properly. I also had an extremely annoying bug where one of my javascript files managed to unexplainably break google light house, but the entire script works fine when put into a script tag instead. My authentication strategy was rather simple. I used a username and password system and would then redirect the user to home.html with there information if there username and passwords were correct. I used bootstrap as my CSS frame work and modified there style template to create a blended hue of red and blue for my background color. -Baseline Requirements ---- +The five Express middleware packages I used were -Your application is required to implement the following functionalities: +Express body-parser used for parsing the body of html files as well as object from my data base +Express static used express dot static to initialize my public and view directory for use with other Express packages. +Express get used express get to retrieve information from my database and to get directories for essential files for the site. +Express post to upload, add, and update information to my database as well as update the site based on values already stored in the database for a given user profile. +Express JSON used to allow for the parsing of JSON objects that were being sent back and forth from the database and the user input form. +Express Use to allow for the use and inplimentation of other express middleware packages -- 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 (`