From e64222aec1cad3500d397791fb4c80e3bbb9f610 Mon Sep 17 00:00:00 2001
From: Gavyn Ezell <72951570+gavyn-ezell@users.noreply.github.com>
Date: Mon, 7 Nov 2022 19:18:05 -0800
Subject: [PATCH] lab6 starter

---
 .../assets/images/1_spooky-ghost-cookies.jpeg | Bin 0 -> 6801 bytes
 .../2_frightfully-easy-ghost-cookies.jpeg     | Bin 0 -> 4986 bytes
 .../3_ingredient-ghost-halloween-cookies.jpeg | Bin 0 -> 8829 bytes
 source/assets/images/icons/0-star.svg         |   1 +
 source/assets/images/icons/1-star.svg         |   1 +
 source/assets/images/icons/2-star.svg         |   1 +
 source/assets/images/icons/3-star.svg         |   1 +
 source/assets/images/icons/4-star.svg         |   1 +
 source/assets/images/icons/5-star.svg         |   1 +
 source/assets/scripts/RecipeCard.js           | 180 ++++++++++++++++++
 source/assets/scripts/main.js                 | 132 +++++++++++++
 source/assets/styles/main.css                 |  58 ++++++
 source/index.html                             |  87 +++++++++
 13 files changed, 463 insertions(+)
 create mode 100644 source/assets/images/1_spooky-ghost-cookies.jpeg
 create mode 100644 source/assets/images/2_frightfully-easy-ghost-cookies.jpeg
 create mode 100644 source/assets/images/3_ingredient-ghost-halloween-cookies.jpeg
 create mode 100644 source/assets/images/icons/0-star.svg
 create mode 100644 source/assets/images/icons/1-star.svg
 create mode 100644 source/assets/images/icons/2-star.svg
 create mode 100644 source/assets/images/icons/3-star.svg
 create mode 100644 source/assets/images/icons/4-star.svg
 create mode 100644 source/assets/images/icons/5-star.svg
 create mode 100644 source/assets/scripts/RecipeCard.js
 create mode 100644 source/assets/scripts/main.js
 create mode 100644 source/assets/styles/main.css
 create mode 100644 source/index.html

diff --git a/source/assets/images/1_spooky-ghost-cookies.jpeg b/source/assets/images/1_spooky-ghost-cookies.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..aa5a1ede5c6ff00ba604f42424c48858efc72c80
GIT binary patch
literal 6801
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
IV{d-`4^O_!sQ>@~

literal 0
HcmV?d00001

diff --git a/source/assets/images/2_frightfully-easy-ghost-cookies.jpeg b/source/assets/images/2_frightfully-easy-ghost-cookies.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..38b34e8a1c8a138d990e2eeb75b5b7d2fe86829c
GIT binary patch
literal 4986
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

literal 0
HcmV?d00001

diff --git a/source/assets/images/3_ingredient-ghost-halloween-cookies.jpeg b/source/assets/images/3_ingredient-ghost-halloween-cookies.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..2bca5e0ddb2dc15edfbb14be9e5cd695a6898ca2
GIT binary patch
literal 8829
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
MGN#FM^nU(-0GIBt#Q*>R

literal 0
HcmV?d00001

diff --git a/source/assets/images/icons/0-star.svg b/source/assets/images/icons/0-star.svg
new file mode 100644
index 0000000..6a62bca
--- /dev/null
+++ b/source/assets/images/icons/0-star.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 157.02 27.59"><defs><style>.cls-1{fill:#dadce0;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M142.51,0l-3.42,10.53c-3.66,0-7.61,0-11.09,0l9,6.51c-1.12,3.47-2.35,7.24-3.42,10.54,2.87-2.1,5.92-4.3,9-6.51l9,6.51c-1.12-3.41-2.26-6.95-3.42-10.54l9-6.51H145.94"/><path class="cls-1" d="M110.51,0l-3.42,10.53c-3.66,0-7.61,0-11.09,0l9,6.51c-1.12,3.47-2.35,7.24-3.42,10.54,2.87-2.1,5.92-4.3,9-6.51l9,6.51c-1.12-3.41-2.26-6.95-3.42-10.54l9-6.51H113.94"/><path class="cls-1" d="M78.51,0,75.09,10.53c-3.66,0-7.61,0-11.09,0l9,6.51c-1.12,3.47-2.35,7.24-3.42,10.54,2.87-2.1,5.92-4.3,9-6.51l9,6.51c-1.12-3.41-2.26-6.95-3.42-10.54l9-6.51H81.94"/><path class="cls-1" d="M46.51,0,43.09,10.53c-3.66,0-7.61,0-11.09,0l9,6.51c-1.12,3.47-2.35,7.24-3.42,10.54,2.87-2.1,5.92-4.3,9-6.51l9,6.51c-1.12-3.41-2.26-6.95-3.42-10.54l9-6.51H49.94"/><path class="cls-1" d="M14.51,0,11.09,10.53c-3.66,0-7.61,0-11.09,0l9,6.51c-1.12,3.47-2.35,7.24-3.42,10.54,2.87-2.1,5.92-4.3,9-6.51l9,6.51c-1.12-3.41-2.26-6.95-3.42-10.54l9-6.51H17.94"/></g></g></svg>
\ No newline at end of file
diff --git a/source/assets/images/icons/1-star.svg b/source/assets/images/icons/1-star.svg
new file mode 100644
index 0000000..d915bfc
--- /dev/null
+++ b/source/assets/images/icons/1-star.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 157.02 27.59"><defs><style>.cls-1{fill:#febc17;}.cls-2{fill:#dadce0;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M14.51,0,11.09,10.53c-3.66,0-7.61,0-11.09,0l9,6.51c-1.12,3.47-2.35,7.24-3.42,10.54,2.87-2.1,5.92-4.3,9-6.51l9,6.51c-1.12-3.41-2.26-6.95-3.42-10.54l9-6.51H17.94"/><path class="cls-2" d="M142.51,0l-3.42,10.53c-3.66,0-7.61,0-11.09,0l9,6.51c-1.12,3.47-2.35,7.24-3.42,10.54,2.87-2.1,5.92-4.3,9-6.51l9,6.51c-1.12-3.41-2.26-6.95-3.42-10.54l9-6.51H145.94"/><path class="cls-2" d="M110.51,0l-3.42,10.53c-3.66,0-7.61,0-11.09,0l9,6.51c-1.12,3.47-2.35,7.24-3.42,10.54,2.87-2.1,5.92-4.3,9-6.51l9,6.51c-1.12-3.41-2.26-6.95-3.42-10.54l9-6.51H113.94"/><path class="cls-2" d="M78.51,0,75.09,10.53c-3.66,0-7.61,0-11.09,0l9,6.51c-1.12,3.47-2.35,7.24-3.42,10.54,2.87-2.1,5.92-4.3,9-6.51l9,6.51c-1.12-3.41-2.26-6.95-3.42-10.54l9-6.51H81.94"/><path class="cls-2" d="M46.51,0,43.09,10.53c-3.66,0-7.61,0-11.09,0l9,6.51c-1.12,3.47-2.35,7.24-3.42,10.54,2.87-2.1,5.92-4.3,9-6.51l9,6.51c-1.12-3.41-2.26-6.95-3.42-10.54l9-6.51H49.94"/></g></g></svg>
\ No newline at end of file
diff --git a/source/assets/images/icons/2-star.svg b/source/assets/images/icons/2-star.svg
new file mode 100644
index 0000000..349146a
--- /dev/null
+++ b/source/assets/images/icons/2-star.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 157.02 27.59"><defs><style>.cls-1{fill:#febc17;}.cls-2{fill:#dadce0;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M14.51,0,11.09,10.53c-3.66,0-7.61,0-11.09,0l9,6.51c-1.12,3.47-2.35,7.24-3.42,10.54,2.87-2.1,5.92-4.3,9-6.51l9,6.51c-1.12-3.41-2.26-6.95-3.42-10.54l9-6.51H17.94"/><path class="cls-1" d="M46.51,0,43.09,10.53c-3.66,0-7.61,0-11.09,0l9,6.51c-1.12,3.47-2.35,7.24-3.42,10.54,2.87-2.1,5.92-4.3,9-6.51l9,6.51c-1.12-3.41-2.26-6.95-3.42-10.54l9-6.51H49.94"/><path class="cls-2" d="M142.51,0l-3.42,10.53c-3.66,0-7.61,0-11.09,0l9,6.51c-1.12,3.47-2.35,7.24-3.42,10.54,2.87-2.1,5.92-4.3,9-6.51l9,6.51c-1.12-3.41-2.26-6.95-3.42-10.54l9-6.51H145.94"/><path class="cls-2" d="M110.51,0l-3.42,10.53c-3.66,0-7.61,0-11.09,0l9,6.51c-1.12,3.47-2.35,7.24-3.42,10.54,2.87-2.1,5.92-4.3,9-6.51l9,6.51c-1.12-3.41-2.26-6.95-3.42-10.54l9-6.51H113.94"/><path class="cls-2" d="M78.51,0,75.09,10.53c-3.66,0-7.61,0-11.09,0l9,6.51c-1.12,3.47-2.35,7.24-3.42,10.54,2.87-2.1,5.92-4.3,9-6.51l9,6.51c-1.12-3.41-2.26-6.95-3.42-10.54l9-6.51H81.94"/></g></g></svg>
\ No newline at end of file
diff --git a/source/assets/images/icons/3-star.svg b/source/assets/images/icons/3-star.svg
new file mode 100644
index 0000000..1e414b3
--- /dev/null
+++ b/source/assets/images/icons/3-star.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 157.02 27.59"><defs><style>.cls-1{fill:#febc17;}.cls-2{fill:#dadce0;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M14.51,0,11.09,10.53c-3.66,0-7.61,0-11.09,0l9,6.51c-1.12,3.47-2.35,7.24-3.42,10.54,2.87-2.1,5.92-4.3,9-6.51l9,6.51c-1.12-3.41-2.26-6.95-3.42-10.54l9-6.51H17.94"/><path class="cls-1" d="M46.51,0,43.09,10.53c-3.66,0-7.61,0-11.09,0l9,6.51c-1.12,3.47-2.35,7.24-3.42,10.54,2.87-2.1,5.92-4.3,9-6.51l9,6.51c-1.12-3.41-2.26-6.95-3.42-10.54l9-6.51H49.94"/><path class="cls-1" d="M78.51,0,75.09,10.53c-3.66,0-7.61,0-11.09,0l9,6.51c-1.12,3.47-2.35,7.24-3.42,10.54,2.87-2.1,5.92-4.3,9-6.51l9,6.51c-1.12-3.41-2.26-6.95-3.42-10.54l9-6.51H81.94"/><path class="cls-2" d="M142.51,0l-3.42,10.53c-3.66,0-7.61,0-11.09,0l9,6.51c-1.12,3.47-2.35,7.24-3.42,10.54,2.87-2.1,5.92-4.3,9-6.51l9,6.51c-1.12-3.41-2.26-6.95-3.42-10.54l9-6.51H145.94"/><path class="cls-2" d="M110.51,0l-3.42,10.53c-3.66,0-7.61,0-11.09,0l9,6.51c-1.12,3.47-2.35,7.24-3.42,10.54,2.87-2.1,5.92-4.3,9-6.51l9,6.51c-1.12-3.41-2.26-6.95-3.42-10.54l9-6.51H113.94"/></g></g></svg>
\ No newline at end of file
diff --git a/source/assets/images/icons/4-star.svg b/source/assets/images/icons/4-star.svg
new file mode 100644
index 0000000..c8537c9
--- /dev/null
+++ b/source/assets/images/icons/4-star.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 157.02 27.59"><defs><style>.cls-1{fill:#febc17;}.cls-2{fill:#dadce0;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M14.51,0,11.09,10.53c-3.66,0-7.61,0-11.09,0l9,6.51c-1.12,3.47-2.35,7.24-3.42,10.54,2.87-2.1,5.92-4.3,9-6.51l9,6.51c-1.12-3.41-2.26-6.95-3.42-10.54l9-6.51H17.94"/><path class="cls-1" d="M46.51,0,43.09,10.53c-3.66,0-7.61,0-11.09,0l9,6.51c-1.12,3.47-2.35,7.24-3.42,10.54,2.87-2.1,5.92-4.3,9-6.51l9,6.51c-1.12-3.41-2.26-6.95-3.42-10.54l9-6.51H49.94"/><path class="cls-1" d="M78.51,0,75.09,10.53c-3.66,0-7.61,0-11.09,0l9,6.51c-1.12,3.47-2.35,7.24-3.42,10.54,2.87-2.1,5.92-4.3,9-6.51l9,6.51c-1.12-3.41-2.26-6.95-3.42-10.54l9-6.51H81.94"/><path class="cls-1" d="M110.51,0l-3.42,10.53c-3.66,0-7.61,0-11.09,0l9,6.51c-1.12,3.47-2.35,7.24-3.42,10.54,2.87-2.1,5.92-4.3,9-6.51l9,6.51c-1.12-3.41-2.26-6.95-3.42-10.54l9-6.51H113.94"/><path class="cls-2" d="M142.51,0l-3.42,10.53c-3.66,0-7.61,0-11.09,0l9,6.51c-1.12,3.47-2.35,7.24-3.42,10.54,2.87-2.1,5.92-4.3,9-6.51l9,6.51c-1.12-3.41-2.26-6.95-3.42-10.54l9-6.51H145.94"/></g></g></svg>
\ No newline at end of file
diff --git a/source/assets/images/icons/5-star.svg b/source/assets/images/icons/5-star.svg
new file mode 100644
index 0000000..d554b72
--- /dev/null
+++ b/source/assets/images/icons/5-star.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 157.02 27.59"><defs><style>.cls-1{fill:#febc17;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M14.51,0,11.09,10.53c-3.66,0-7.61,0-11.09,0l9,6.51c-1.12,3.47-2.35,7.24-3.42,10.54,2.87-2.1,5.92-4.3,9-6.51l9,6.51c-1.12-3.41-2.26-6.95-3.42-10.54l9-6.51H17.94"/><path class="cls-1" d="M46.51,0,43.09,10.53c-3.66,0-7.61,0-11.09,0l9,6.51c-1.12,3.47-2.35,7.24-3.42,10.54,2.87-2.1,5.92-4.3,9-6.51l9,6.51c-1.12-3.41-2.26-6.95-3.42-10.54l9-6.51H49.94"/><path class="cls-1" d="M78.51,0,75.09,10.53c-3.66,0-7.61,0-11.09,0l9,6.51c-1.12,3.47-2.35,7.24-3.42,10.54,2.87-2.1,5.92-4.3,9-6.51l9,6.51c-1.12-3.41-2.26-6.95-3.42-10.54l9-6.51H81.94"/><path class="cls-1" d="M110.51,0l-3.42,10.53c-3.66,0-7.61,0-11.09,0l9,6.51c-1.12,3.47-2.35,7.24-3.42,10.54,2.87-2.1,5.92-4.3,9-6.51l9,6.51c-1.12-3.41-2.26-6.95-3.42-10.54l9-6.51H113.94"/><path class="cls-1" d="M142.51,0l-3.42,10.53c-3.66,0-7.61,0-11.09,0l9,6.51c-1.12,3.47-2.35,7.24-3.42,10.54,2.87-2.1,5.92-4.3,9-6.51l9,6.51c-1.12-3.41-2.26-6.95-3.42-10.54l9-6.51H145.94"/></g></g></svg>
\ No newline at end of file
diff --git a/source/assets/scripts/RecipeCard.js b/source/assets/scripts/RecipeCard.js
new file mode 100644
index 0000000..a677861
--- /dev/null
+++ b/source/assets/scripts/RecipeCard.js
@@ -0,0 +1,180 @@
+// RecipeCard.js
+
+class RecipeCard extends HTMLElement {
+  // Called once when document.createElement('recipe-card') is called, or
+  // the element is written into the DOM directly as <recipe-card>
+  constructor() {
+    super(); // Inheret everything from HTMLElement
+
+    // EXPOSE - START (All expose numbers start with A)
+    // A1. TODO - Attach the shadow DOM to this Web Component (leave the mode open)
+    let shadowEl = this.attachShadow({mode:'open'});
+    // A2. TODO - Create an <article> element - This will hold our markup once our data is set
+    let articleEl = document.createElement('article');
+    // A3. TODO - Create a style element - This will hold all of the styles for the Web Component
+    let styleEl = document.createElement('style');
+    // A4. TODO - Insert all of the styles from cardTemplate.html into the <style> element you just made
+    styleEl.textContent = `
+      * {
+        font-family: sans-serif;
+        margin: 0;
+        padding: 0;
+      }
+    
+      a {
+        text-decoration: none;
+      }
+    
+      a:hover {
+        text-decoration: underline;
+      }
+    
+      article {
+        align-items: center;
+        border: 1px solid rgb(223, 225, 229);
+        border-radius: 8px;
+        display: grid;
+        grid-template-rows: 118px 56px 14px 18px 15px 36px;
+        height: auto;
+        row-gap: 5px;
+        padding: 0 16px 16px 16px;
+        width: 178px;
+      }
+    
+      div.rating {
+        align-items: center;
+        column-gap: 5px;
+        display: flex;
+      }
+    
+      div.rating>img {
+        height: auto;
+        display: inline-block;
+        object-fit: scale-down;
+        width: 78px;
+      }
+    
+      article>img {
+        border-top-left-radius: 8px;
+        border-top-right-radius: 8px;
+        height: 118px;
+        object-fit: cover;
+        margin-left: -16px;
+        width: calc(100% + 32px);
+      }
+    
+      p.ingredients {
+        height: 32px;
+        line-height: 16px;
+        padding-top: 4px;
+        overflow: hidden;
+      }
+    
+      p.organization {
+        color: black !important;
+      }
+    
+      p.title {
+        display: -webkit-box;
+        font-size: 16px;
+        height: 36px;
+        line-height: 18px;
+        overflow: hidden;
+        -webkit-line-clamp: 2;
+        -webkit-box-orient: vertical;
+      }
+    
+      p:not(.title),
+      span,
+      time {
+        color: #70757A;
+        font-size: 12px;
+      }
+    `;
+    // A5. TODO - Append the <style> and <article> elements to the Shadow DOM
+    articleEl.append(styleEl);
+    shadowEl.append(articleEl);
+    this.shadowEl = shadowEl
+  }
+
+  /**
+   * Called when the .data property is set on this element.
+   *
+   * For Example:
+   * let recipeCard = document.createElement('recipe-card'); // Calls constructor()
+   * recipeCard.data = { foo: 'bar' } // Calls set data({ foo: 'bar' })
+   *
+   * @param {Object} data - The data to pass into the <recipe-card>, must be of the
+   *                        following format:
+   *                        {
+   *                          "imgSrc": "string",
+   *                          "imgAlt": "string",
+   *                          "titleLnk": "string",
+   *                          "titleTxt": "string",
+   *                          "organization": "string",
+   *                          "rating": number,
+   *                          "numRatings": number,
+   *                          "lengthTime": "string",
+   *                          "ingredients": "string"
+   *                        }
+   */
+  set data(data) {
+    // If nothing was passed in, return
+    if (!data) return;
+
+    // A6. TODO - Select the <article> we added to the Shadow DOM in the constructor
+    let articleEl = this.shadowEl.querySelector('article');
+    // A7. TODO - Set the contents of the <article> with the <article> template given in
+    //           cardTemplate.html and the data passed in (You should only have one <article>,
+    //           do not nest an <article> inside another <article>). You should use Template
+    //           literals (tempalte strings) and element.innerHTML for this.
+    
+    let img1 = document.createElement('img');
+    img1.setAttribute('src',data['imgSrc']);
+    img1.setAttribute('alt',data['imgAlt']);
+
+    let pTitle = document.createElement('p');
+    let aTitle = document.createElement('a');
+    pTitle.setAttribute('class','title');
+    aTitle.setAttribute('href', data['titleLnk']);
+    aTitle.innerHTML = data['titleTxt'];
+    pTitle.append(aTitle)
+
+    let pOrg = document.createElement('p');
+    pOrg.setAttribute('class','organization');
+    pOrg.innerHTML = data["organization"];
+
+    let div = document.createElement('div')
+    div.setAttribute('class', 'rating')
+    let span1 = document.createElement('span')
+    span1.innerHTML = data["rating"];
+    let img2 = document.createElement('img')
+    img2.setAttribute('src', './assets/images/icons/'+data['rating']+'-star.svg');
+    img2.setAttribute('alt', data['rating'] +' stars');
+    let span2 = document.createElement('span')
+    span2.innerHTML = '('+data['numRatings']+')';
+    div.append(span1);
+    div.append(img2);
+    div.append(span2);
+
+    let timeEl = document.createElement('time')
+    timeEl.innerHTML = data['lengthTime']
+
+    let pIngred = document.createElement('p');
+    pIngred.setAttribute('class','ingredients')
+    pIngred.innerHTML = data['ingredients'];
+
+    articleEl.append(img1)
+    articleEl.append(pTitle)
+    articleEl.append(pOrg)
+    articleEl.append(div)
+    articleEl.append(timeEl)
+    articleEl.append(pIngred)
+
+  }
+}
+
+// A8. TODO - Define the Class as a customElement so that you can create
+//           'recipe-card' elements
+
+customElements.define('recipe-card', RecipeCard);
diff --git a/source/assets/scripts/main.js b/source/assets/scripts/main.js
new file mode 100644
index 0000000..b999dee
--- /dev/null
+++ b/source/assets/scripts/main.js
@@ -0,0 +1,132 @@
+// main.js
+
+// Run the init() function when the page has loaded
+window.addEventListener('DOMContentLoaded', init);
+
+// Starts the program, all function calls trace back here
+function init() {
+  // Get the recipes from localStorage
+  let recipes = getRecipesFromStorage();
+  // Add each recipe to the <main> element
+  addRecipesToDocument(recipes);
+  // Add the event listeners to the form elements
+  initFormHandler();
+}
+
+/**
+ * Reads 'recipes' from localStorage and returns an array of
+ * all of the recipes found (parsed, not in string form). If
+ * nothing is found in localStorage for 'recipes', an empty array
+ * is returned.
+ * @returns {Array<Object>} An array of recipes found in localStorage
+ */
+function getRecipesFromStorage() {
+  // A9. TODO - Complete the functionality as described in this function
+  //           header. It is possible in only a single line, but should
+  //           be no more than a few lines.
+  let result = JSON.parse(localStorage.getItem('recipes'))
+  if (result) {
+    return result;
+  }
+  return new Array(0);
+}
+
+/**
+ * Takes in an array of recipes and for each recipe creates a
+ * new <recipe-card> element, adds the recipe data to that card
+ * using element.data = {...}, and then appends that new recipe
+ * to <main>
+ * @param {Array<Object>} recipes An array of recipes
+ */
+function addRecipesToDocument(recipes) {
+  // A10. TODO - Get a reference to the <main> element
+  let mainEl = document.querySelector('main')
+  recipes.forEach(recipe=> {
+    let newRecipe = document.createElement('recipe-card')
+    newRecipe.data = recipe
+    mainEl.append(newRecipe);
+  })
+  // A11. TODO - Loop through each of the recipes in the passed in array,
+  //            create a <recipe-card> element for each one, and populate
+  //            each <recipe-card> with that recipe data using element.data = ...
+  //            Append each element to <main>
+
+}
+
+/**
+ * Takes in an array of recipes, converts it to a string, and then
+ * saves that string to 'recipes' in localStorage
+ * @param {Array<Object>} recipes An array of recipes
+ */
+function saveRecipesToStorage(recipes) {
+  // EXPLORE - START (All explore numbers start with B)
+  // B1. TODO - Complete the functionality as described in this function
+  //            header. It is possible in only a single line, but should
+  //            be no more than a few lines.
+  localStorage.setItem('recipes', JSON.stringify(recipes));
+}
+
+/**
+ * Adds the necesarry event handlers to <form> and the clear storage
+ * <button>.
+ */
+function initFormHandler() {
+
+  // B2. TODO - Get a reference to the <form> element
+  let theForm = document.querySelector('form')
+  
+  // B3. TODO - Add an event listener for the 'submit' event, which fires when the
+  //            submit button is clicked
+  let submitButt = document.querySelector('button[type="submit"]')
+  submitButt.addEventListener('click', function(){
+
+    let formData = new FormData(theForm);
+    let recipeObject = {}
+
+    for (let [key, value] of formData) {
+      
+      recipeObject[`${key}`] = `${value}`
+    }
+
+    let newRecipe = document.createElement('recipe-card')
+    newRecipe.data = recipeObject
+
+    let mainEl = document.querySelector('main')
+    mainEl.append(newRecipe)
+
+    let aList = getRecipesFromStorage()
+    //console.log(typeof(aList))
+    //console.log(aList)
+    aList.push(recipeObject)
+    saveRecipesToStorage(aList)
+  });
+
+  let clearButt = document.querySelector('.danger')
+  clearButt.addEventListener('click', function() {
+    localStorage.clear();
+    let mainEl = document.querySelector('main')
+     while (mainEl.firstChild) {
+      mainEl.removeChild(mainEl.firstChild);
+     }
+  });
+
+  // Steps B4-B9 will occur inside the event listener from step B3
+  // B4. TODO - Create a new FormData object from the <form> element reference above
+  // B5. TODO - Create an empty object (I'll refer to this object as recipeObject to
+  //            make this easier to read), and then extract the keys and corresponding
+  //            values from the FormData object and insert them into recipeObject
+  
+  // B6. TODO - Create a new <recipe-card> element
+  // B7. TODO - Add the recipeObject data to <recipe-card> using element.data
+  // B8. TODO - Append this new <recipe-card> to <main>
+  // B9. TODO - Get the recipes array from localStorage, add this new recipe to it, and
+  //            then save the recipes array back to localStorage
+
+  // B10. TODO - Get a reference to the "Clear Local Storage" button
+  // B11. TODO - Add a click event listener to clear local storage button
+  
+  // Steps B12 & B13 will occur inside the event listener from step B11
+  // B12. TODO - Clear the local storage
+  // B13. TODO - Delete the contents of <main>
+
+}
diff --git a/source/assets/styles/main.css b/source/assets/styles/main.css
new file mode 100644
index 0000000..d8ba748
--- /dev/null
+++ b/source/assets/styles/main.css
@@ -0,0 +1,58 @@
+/* main.css */
+
+* {
+  font-family: sans-serif;
+}
+
+body {
+  height: 100%;
+  width: 100%;
+}
+
+fieldset {
+  border: 2px solid rgb(214, 214, 214);
+  box-sizing: border-box;
+  display: block;
+  width: max-content;
+}
+
+form button {
+  display: block;
+  margin-top: 5px;
+}
+
+label[for="ingredients"] p {
+  margin: 0;
+}
+
+label[for="numRatings"] {
+  margin: 10px 0 0 0;
+}
+
+label[for^="rating"] {
+  padding-right: 10px;
+}
+
+label:not([for^="rating"]) {
+  display: block;
+  margin-bottom: 5px;
+}
+
+main {
+  column-gap: 10px;
+  display: flex;
+  flex-wrap: wrap;
+  height: auto;
+  max-width: 660px;
+  row-gap: 10px;
+  width: 100%;
+}
+
+.danger {
+  background-color: rgb(254, 171, 171);
+  border-color: red;
+}
+
+.hidden {
+  display: none;
+}
\ No newline at end of file
diff --git a/source/index.html b/source/index.html
new file mode 100644
index 0000000..bb25647
--- /dev/null
+++ b/source/index.html
@@ -0,0 +1,87 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Lab 6 - Recipe Cards</title>
+
+  <!-- Recipe Card Custom Element -->
+  <script src="assets/scripts/RecipeCard.js" type="module"></script>
+
+  <!-- Main Stylesheets & Scripts -->
+  <link rel="stylesheet" href="assets/styles/main.css" />
+  <script src="assets/scripts/main.js" type="module"></script>
+</head>
+<body>
+  <main>
+    <!-- Add Recipes Here -->
+  </main>
+  <!-- For the Explore section - Remove "hidden" class before beginning -->
+  <form id="new-recipe">
+    <fieldset>
+      <legend>Image:</legend>
+      <label for="image-src">
+        Source:
+        <input type="text" id="imgSrc" name="imgSrc" required>
+      </label>
+      <label for="image-alt">
+        Alt Text:
+        <input type="text" id="imgAlt" name="imgAlt" required>
+      </label>
+    </fieldset>
+    <fieldset>
+      <legend>Title:</legend>
+      <label for="title-txt">Text:
+        <input type="text" id="titleTxt" name="titleTxt" required>
+      </label>
+      <label for="title-lnk">Link:
+        <input type="url" id="titleLnk" name="titleLnk" required>
+      </label>
+    </fieldset>
+    <fieldset>
+      <legend>Rating</legend>
+      <label for="rating-0">
+        0<input type="radio" id="rating-0" value="0" name="rating">
+      </label>
+      <label for="rating-1">
+        1<input type="radio" id="rating-1" value="1" name="rating">
+      </label>
+      <label for="rating-2">
+        2<input type="radio" id="rating-2" value="2" name="rating">
+      </label>
+      <label for="rating-3">
+        3<input type="radio" id="rating-3" value="3" name="rating">
+      </label>
+      <label for="rating-4">
+        4<input type="radio" id="rating-4" value="4" name="rating">
+      </label>
+      <label for="rating-5">
+        5<input type="radio" id="rating-5" value="5" name="rating">
+      </label>
+      <label for="numRatings">
+        Num Ratings:
+        <input type="number" id="numRatings" name="numRatings">
+      </label>
+    </fieldset>
+    <fieldset>
+      <legend>Other Info:</legend>
+      <label for="organization">
+        Organization:
+        <input type="text" id="organization" name="organization" required>
+      </label>
+      <label for="lengthTime">
+        Length (time):
+        <input type="text" id="lengthTime" name="lengthTime" required>
+      </label>
+      <label for="ingredients">
+        <p>Ingredients:</p>
+        <textarea name="ingredients" id="ingredients" cols="38" rows="5"
+          required></textarea>
+      </label>
+    </fieldset>
+    <button type="submit">Add Recipe</button>
+    <button type="button" class="danger">Clear Local Storage</button>
+  </form>
+</body>
+</html>
\ No newline at end of file