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 0000000..aa5a1ed
Binary files /dev/null and b/source/assets/images/1_spooky-ghost-cookies.jpeg differ
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 0000000..38b34e8
Binary files /dev/null and b/source/assets/images/2_frightfully-easy-ghost-cookies.jpeg differ
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 0000000..2bca5e0
Binary files /dev/null and b/source/assets/images/3_ingredient-ghost-halloween-cookies.jpeg differ
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 @@
+
\ 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 @@
+
\ 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 @@
+
\ 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 @@
+
\ 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 @@
+
\ 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 @@
+
\ 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
+ 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 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