diff --git a/01 - JavaScript Drum Kit/index-START.html b/01 - JavaScript Drum Kit/index-START.html
index 4070d32767..e38bcdaaca 100644
--- a/01 - JavaScript Drum Kit/index-START.html	
+++ b/01 - JavaScript Drum Kit/index-START.html	
@@ -9,55 +9,88 @@
 
 
   <div class="keys">
-    <div data-key="65" class="key">
+    <div data-key="a" class="key">
       <kbd>A</kbd>
       <span class="sound">clap</span>
     </div>
-    <div data-key="83" class="key">
+    <div data-key="s" class="key">
       <kbd>S</kbd>
       <span class="sound">hihat</span>
     </div>
-    <div data-key="68" class="key">
+    <div data-key="d" class="key">
       <kbd>D</kbd>
       <span class="sound">kick</span>
     </div>
-    <div data-key="70" class="key">
+    <div data-key="f" class="key">
       <kbd>F</kbd>
       <span class="sound">openhat</span>
     </div>
-    <div data-key="71" class="key">
+    <div data-key="g" class="key">
       <kbd>G</kbd>
       <span class="sound">boom</span>
     </div>
-    <div data-key="72" class="key">
+    <div data-key="h" class="key">
       <kbd>H</kbd>
       <span class="sound">ride</span>
     </div>
-    <div data-key="74" class="key">
+    <div data-key="j" class="key">
       <kbd>J</kbd>
       <span class="sound">snare</span>
     </div>
-    <div data-key="75" class="key">
+    <div data-key="k" class="key">
       <kbd>K</kbd>
       <span class="sound">tom</span>
     </div>
-    <div data-key="76" class="key">
+    <div data-key="l" class="key">
       <kbd>L</kbd>
       <span class="sound">tink</span>
     </div>
   </div>
 
-  <audio data-key="65" src="sounds/clap.wav"></audio>
-  <audio data-key="83" src="sounds/hihat.wav"></audio>
-  <audio data-key="68" src="sounds/kick.wav"></audio>
-  <audio data-key="70" src="sounds/openhat.wav"></audio>
-  <audio data-key="71" src="sounds/boom.wav"></audio>
-  <audio data-key="72" src="sounds/ride.wav"></audio>
-  <audio data-key="74" src="sounds/snare.wav"></audio>
-  <audio data-key="75" src="sounds/tom.wav"></audio>
-  <audio data-key="76" src="sounds/tink.wav"></audio>
-
+  <audio data-key="a" src="sounds/clap.wav"></audio>
+  <audio data-key="s" src="sounds/hihat.wav"></audio>
+  <audio data-key="d" src="sounds/kick.wav"></audio>
+  <audio data-key="f" src="sounds/openhat.wav"></audio>
+  <audio data-key="g" src="sounds/boom.wav"></audio>
+  <audio data-key="h" src="sounds/ride.wav"></audio>
+  <audio data-key="j" src="sounds/snare.wav"></audio>
+  <audio data-key="k" src="sounds/tom.wav"></audio>
+  <audio data-key="l" src="sounds/tink.wav"></audio>
 <script>
+    //first: need to listen for the keyevent
+    //then we need a functoin that is going to give us the event
+    //so we can play the corresponding file
+
+    window.addEventListener('keydown', function (e){
+      //listen for key down and connect attribute to eventhandler
+      //the keyevent objects are accessed from the keydown event 
+      //note, i saw that you keyCode is deprecated and it was recommended that we use key which gives the key character. This allowed me to remove all of the data attributes from the HTML 
+      //so i came up with another solution to not use the key mapping with codes but the key value 
+      //Next We need to id if there is an element on the page that has a key to match the current key pushed in this event
+      const audio = document.querySelector(`audio[data-key='${e.key}']`);//the code in the slector is using an attribute selector, and since they key is a variable we wrapped in a template literals
+      const key = document.querySelector(`.key[data-key='${e.key}']`);//this selector picks something with the class of key and a data attribute of the e.key
+      if(!audio) return; //error handling. if the key doesn't have a value then don't do anything
+      audio.currentTime = 0;//this method will allow the keypress to rewind to start essentially
+      audio.play();//wow, really? there is a play method?! 
+      key.classList.add('playing');
+    });
+      //use a transisition end event, or if it was transitioning, like how it was in the css classes .playing to .key
+      function removeTransistion(e){//this does not refer to the removeTransition function, but where the function was called, or in the addEventListener. Additionally, this will refer to the 
+        if(e.propertyName !== 'transform') return;
+        //in other words skip it if it's not transform
+        this.classList.remove('playing');
+        console.log(this); //this is equal to the key because, this refers to the value of the function that called it. removeTransistion is not being called here 
+      }
+      
+      const keys = document.querySelectorAll('.key');
+      keys.forEach(
+        function (key){
+          key.addEventListener('transitionend', removeTransistion)//this refers to this 'key' because this is where the function removeTransistion is being executed. And the value of this is the object that was called against it aka 'key'
+
+        });//when you have an array of elements you can't listen to each of them unless you loop over every single element
+
+
+
 
 </script>
 
diff --git a/01 - JavaScript Drum Kit/style.css b/01 - JavaScript Drum Kit/style.css
index 075578c930..ec7d19e486 100644
--- a/01 - JavaScript Drum Kit/style.css	
+++ b/01 - JavaScript Drum Kit/style.css	
@@ -23,7 +23,7 @@ body,html {
   margin: 1rem;
   font-size: 1.5rem;
   padding: 1rem .5rem;
-  transition: all .07s ease;
+  transition: all 0.07s;
   width: 10rem;
   text-align: center;
   color: white;
@@ -32,7 +32,7 @@ body,html {
 }
 
 .playing {
-  transform: scale(1.1);
+  transform: scale(1.2);
   border-color: #ffc600;
   box-shadow: 0 0 1rem #ffc600;
 }
diff --git a/02 - JS and CSS Clock/.vs/02 - JS and CSS Clock/v15/.suo b/02 - JS and CSS Clock/.vs/02 - JS and CSS Clock/v15/.suo
new file mode 100644
index 0000000000..aa9fd4cd47
Binary files /dev/null and b/02 - JS and CSS Clock/.vs/02 - JS and CSS Clock/v15/.suo differ
diff --git a/02 - JS and CSS Clock/.vs/ProjectSettings.json b/02 - JS and CSS Clock/.vs/ProjectSettings.json
new file mode 100644
index 0000000000..f8b4888565
--- /dev/null
+++ b/02 - JS and CSS Clock/.vs/ProjectSettings.json	
@@ -0,0 +1,3 @@
+{
+  "CurrentProjectSetting": null
+}
\ No newline at end of file
diff --git a/02 - JS and CSS Clock/.vs/VSWorkspaceState.json b/02 - JS and CSS Clock/.vs/VSWorkspaceState.json
new file mode 100644
index 0000000000..6b6114114f
--- /dev/null
+++ b/02 - JS and CSS Clock/.vs/VSWorkspaceState.json	
@@ -0,0 +1,6 @@
+{
+  "ExpandedNodes": [
+    ""
+  ],
+  "PreviewInSolutionExplorer": false
+}
\ No newline at end of file
diff --git a/02 - JS and CSS Clock/.vs/slnx.sqlite b/02 - JS and CSS Clock/.vs/slnx.sqlite
new file mode 100644
index 0000000000..1912dc81a6
Binary files /dev/null and b/02 - JS and CSS Clock/.vs/slnx.sqlite differ
diff --git a/02 - JS and CSS Clock/index-START.html b/02 - JS and CSS Clock/index-START.html
index ee7eaefb1f..45b123a96f 100644
--- a/02 - JS and CSS Clock/index-START.html	
+++ b/02 - JS and CSS Clock/index-START.html	
@@ -18,7 +18,7 @@
 
   <style>
     html {
-      background:#018DED url(http://unsplash.it/1500/1000?image=881&blur=50);
+      background:#018DED;
       background-size:cover;
       font-family:'helvetica neue';
       text-align: center;
@@ -56,17 +56,72 @@
       transform: translateY(-3px); /* account for the height of the clock hands */
     }
 
+    .clock-face .hour-hand {
+      background: gray;
+      height: 15px;
+    }
+    .clock-face .second-hand {
+      background: red;
+      height:2px;
+    }
+
     .hand {
       width:50%;
       height:6px;
       background:black;
       position: absolute;
       top:50%;
+      transform-origin: 100%; /*this transform on the x-axis */
+      transform: rotate(90deg);/*sets the hands to 12:00 position*/
+      transition: all 0.05s; /*allows a transition with each movement */
+      transition-timing-function: cubic-bezier(0.1, 2.7, 0.58, 1);/*Cool as balls transition control with beziers!  */
     }
 
   </style>
 
   <script>
+//TO DO: Create a CSS clock
+//Takes in the current time from js
+//Update the hands based on the sec hr min
+
+//apply a rotate on each hand depending on what time it currently is
+//by default it rotates on the middle of the element. We want to rotate on the right hand side only
+
+const secondHand = document.querySelector('.second-hand');
+const minHand = document.querySelector('.min-hand');
+const hourHand = document.querySelector('.hour-hand');
+
+function setDate(){
+  //create a new date based off of the seconds
+  const now = new Date();//creating our now object from the prototype Date obj
+
+  //accessing seconds from the Date object
+  const seconds = now.getSeconds();
+ //translating seconds into degrees
+  const secondsDegrees = ((seconds / 60) * 360) + 90;
+  secondHand.style.transform = `rotate(${secondsDegrees}deg)`;
+  console.log(seconds);
+
+  // console.log(minDegrees);
+  const minutes = now.getMinutes();
+  const minDegrees = ((minutes/ 60) * 360) + 90;
+  minHand.style.transform = `rotate(${minDegrees}deg)`;
+
+  const hour = now.getHours();
+  const hourDegrees = ((hour/ 12) * 360) + 90;
+  hourHand.style.transform = `rotate(${hourDegrees}deg)`;
+  // console.log(hourDegrees);
+
+
+
+}
+
+//Create a way to return seconds
+setInterval(setDate, 1000);
+
+// function removeTransition(){
+
+// }
 
 
   </script>
diff --git a/03 - CSS Variables/index-START.html b/03 - CSS Variables/index-START.html
index 8a4f0d556e..38f4887836 100644
--- a/03 - CSS Variables/index-START.html	
+++ b/03 - CSS Variables/index-START.html	
@@ -21,6 +21,22 @@ <h2>Update CSS Variables with <span class='hl'>JS</span></h2>
   <img src="https://source.unsplash.com/7bwQXzbF6KE/800x500">
 
   <style>
+    :root {
+      --base: pink;
+      --spacing: 10px;
+      --blur: 10px;
+
+    }
+
+    img {
+      padding: var(--spacing);
+      background: var(--base);
+      /* filter: blur(var(--blur)); */
+    }
+
+    .h1 { 
+      color: var(--base);
+    }
 
     /*
       misc styles, nothing to do with CSS variables
@@ -45,6 +61,12 @@ <h2>Update CSS Variables with <span class='hl'>JS</span></h2>
   </style>
 
   <script>
+    const inputs = document.querySelectorAll('.controls input');
+    
+    function handleUpdate(){
+      console.log
+    } 
+
   </script>
 
 </body>
diff --git a/04 - Array Cardio Day 1/index-START.html b/04 - Array Cardio Day 1/index-START.html
index eec0ffc31d..bdd1552051 100644
--- a/04 - Array Cardio Day 1/index-START.html	
+++ b/04 - Array Cardio Day 1/index-START.html	
@@ -1,11 +1,73 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
   <meta charset="UTF-8">
   <title>Array Cardio 💪</title>
 </head>
+
 <body>
   <p><em>Psst: have a look at the JavaScript Console</em> 💁</p>
+  <h2><a href="https://www.w3schools.com/jsref/jsref_obj_array.asp" target="_blank">Resources for Array Methods</a></h2>
+  <ul>
+    <li><b>Array.prototype.filter()</b></li>
+    <li>How it works: Creates a new array with every element in an array that pass a test</li>
+    <li>Syntax: array.filter(function(currentValue, index, arr), thisValue)</li>
+  </ul>
+  <ul>
+     <li><b>Array.prototype.map()</b></li>
+    <li>How it works: Creates a new array with the result of calling a function for each array element</li>
+    <li>Syntax: array.map(function(currentValue, index, arr), thisValue)</li>
+  </ul>
+  <ul>    
+    <li><b>Array.prototype.sort()</b></li>
+    <li>How it works: Sorts the elements of an array</li>
+    <li>Syntax: array.sort(compareFunction)</li>
+  </ul>
+  <ul>
+    <li><b>Array.prototype.reduce()</b></li>
+    <li>How it works: Reduce the values of an array to a single value (going left-to-right)</li>
+    <li>Syntax: array.reduce(function(total, currentValue, currentIndex, arr), initialValue)</li>
+  </ul>
+
+  <section>
+    <p>for the boulevard excercise</p>
+    <div class="mw-category"><div class="mw-category-group"><h3>&nbsp;</h3>
+      <ul><li><a href="/wiki/Boulevards_of_Paris" title="Boulevards of Paris">Boulevards of Paris</a></li>
+      <li><a href="/wiki/City_walls_of_Paris" title="City walls of Paris">City walls of Paris</a></li>
+      <li><a href="/wiki/Thiers_wall" title="Thiers wall">Thiers wall</a></li>
+      <li><a href="/wiki/Wall_of_Charles_V" title="Wall of Charles V">Wall of Charles V</a></li>
+      <li><a href="/wiki/Wall_of_Philip_II_Augustus" title="Wall of Philip II Augustus">Wall of Philip II Augustus</a></li></ul></div><div class="mw-category-group"><h3>*</h3>
+      <ul><li><a href="/wiki/City_gates_of_Paris" title="City gates of Paris">City gates of Paris</a></li>
+      <li><a href="/wiki/Haussmann%27s_renovation_of_Paris" title="Haussmann's renovation of Paris">Haussmann's renovation of Paris</a></li>
+      <li><a href="/wiki/Boulevards_of_the_Marshals" title="Boulevards of the Marshals">Boulevards of the Marshals</a></li></ul></div><div class="mw-category-group"><h3>A</h3>
+      <ul><li><a href="/wiki/Boulevard_Auguste-Blanqui" title="Boulevard Auguste-Blanqui">Boulevard Auguste-Blanqui</a></li></ul></div><div class="mw-category-group"><h3>B</h3>
+      <ul><li><a href="/wiki/Boulevard_Barb%C3%A8s" title="Boulevard Barbès">Boulevard Barbès</a></li>
+      <li><a href="/wiki/Boulevard_Beaumarchais" title="Boulevard Beaumarchais">Boulevard Beaumarchais</a></li>
+      <li><a href="/wiki/Boulevard_de_l%27Amiral-Bruix" title="Boulevard de l'Amiral-Bruix">Boulevard de l'Amiral-Bruix</a></li></ul></div><div class="mw-category-group"><h3>C</h3>
+      <ul><li><a href="/wiki/Boulevard_des_Capucines" title="Boulevard des Capucines">Boulevard des Capucines</a></li>
+      <li><a href="/wiki/Boulevard_de_la_Chapelle" title="Boulevard de la Chapelle">Boulevard de la Chapelle</a></li>
+      <li><a href="/wiki/Boulevard_de_Clichy" title="Boulevard de Clichy">Boulevard de Clichy</a></li>
+      <li><a href="/wiki/Boulevard_du_Crime" title="Boulevard du Crime">Boulevard du Crime</a></li></ul></div><div class="mw-category-group"><h3>H</h3>
+      <ul><li><a href="/wiki/Boulevard_Haussmann" title="Boulevard Haussmann">Boulevard Haussmann</a></li>
+      <li><a href="/wiki/Boulevard_de_l%27H%C3%B4pital" title="Boulevard de l'Hôpital">Boulevard de l'Hôpital</a></li></ul></div><div class="mw-category-group"><h3>I</h3>
+      <ul><li><a href="/wiki/Boulevard_des_Italiens" title="Boulevard des Italiens">Boulevard des Italiens</a></li></ul></div><div class="mw-category-group"><h3>M</h3>
+      <ul><li><a href="/wiki/Boulevard_de_la_Madeleine" title="Boulevard de la Madeleine">Boulevard de la Madeleine</a></li>
+      <li><a href="/wiki/Boulevard_de_Magenta" title="Boulevard de Magenta">Boulevard de Magenta</a></li>
+      <li><a href="/wiki/Boulevard_Montmartre" title="Boulevard Montmartre">Boulevard Montmartre</a></li>
+      <li><a href="/wiki/Boulevard_du_Montparnasse" title="Boulevard du Montparnasse">Boulevard du Montparnasse</a></li></ul></div><div class="mw-category-group"><h3>R</h3>
+      <ul><li><a href="/wiki/Boulevard_Raspail" title="Boulevard Raspail">Boulevard Raspail</a></li>
+      <li><a href="/wiki/Boulevard_Richard-Lenoir" title="Boulevard Richard-Lenoir">Boulevard Richard-Lenoir</a></li>
+      <li><a href="/wiki/Boulevard_de_Rochechouart" title="Boulevard de Rochechouart">Boulevard de Rochechouart</a></li></ul></div><div class="mw-category-group"><h3>S</h3>
+      <ul><li><a href="/wiki/Boulevard_Saint-Germain" title="Boulevard Saint-Germain">Boulevard Saint-Germain</a></li>
+      <li><a href="/wiki/Boulevard_Saint-Michel" title="Boulevard Saint-Michel">Boulevard Saint-Michel</a></li>
+      <li><a href="/wiki/Boulevard_de_S%C3%A9bastopol" title="Boulevard de Sébastopol">Boulevard de Sébastopol</a></li>
+      <li><a href="/wiki/Boulevard_de_Strasbourg" title="Boulevard de Strasbourg">Boulevard de Strasbourg</a></li></ul></div><div class="mw-category-group"><h3>T</h3>
+      <ul><li><a href="/wiki/Boulevard_du_Temple" title="Boulevard du Temple">Boulevard du Temple</a></li></ul></div><div class="mw-category-group"><h3>V</h3>
+      <ul><li><a href="/wiki/Boulevard_Voltaire" title="Boulevard Voltaire">Boulevard Voltaire</a></li></ul></div><div class="mw-category-group"><h3>Z</h3>
+      <ul><li><a href="/wiki/Boulevard_de_la_Zone" title="Boulevard de la Zone">Boulevard de la Zone</a></li></ul></div></div>    
+  </section>
+
   <script>
     // Get your shorts on - this is an array workout!
     // ## Array Cardio Day 1
@@ -27,33 +89,159 @@
       { first: 'Hanna', last: 'Hammarström', year: 1829, passed: 1909 }
     ];
 
-    const people = ['Beck, Glenn', 'Becker, Carl', 'Beckett, Samuel', 'Beddoes, Mick', 'Beecher, Henry', 'Beethoven, Ludwig', 'Begin, Menachem', 'Belloc, Hilaire', 'Bellow, Saul', 'Benchley, Robert', 'Benenson, Peter', 'Ben-Gurion, David', 'Benjamin, Walter', 'Benn, Tony', 'Bennington, Chester', 'Benson, Leana', 'Bent, Silas', 'Bentsen, Lloyd', 'Berger, Ric', 'Bergman, Ingmar', 'Berio, Luciano', 'Berle, Milton', 'Berlin, Irving', 'Berne, Eric', 'Bernhard, Sandra', 'Berra, Yogi', 'Berry, Halle', 'Berry, Wendell', 'Bethea, Erin', 'Bevan, Aneurin', 'Bevel, Ken', 'Biden, Joseph', 'Bierce, Ambrose', 'Biko, Steve', 'Billings, Josh', 'Biondo, Frank', 'Birrell, Augustine', 'Black, Elk', 'Blair, Robert', 'Blair, Tony', 'Blake, William'];
 
     // Array.prototype.filter()
-    // 1. Filter the list of inventors for those who were born in the 1500's
+    // How it works: Creates a new array with every element in an array that pass a test
+    // Syntax: array.filter(function(currentValue, index, arr), thisValue)
+
+    // 1. Filter the list of inventors for those who were born in the 1500's  
+      let birthdayYears = inventors.filter(function (byear) {
+
+      //loops through all of the items in our array
+      let before15 = byear.year >= 1500;
+      let after15 = byear.year <= 1599;
+      return after15 && before15
+    });
+    // answer
+    // console.table(birthdayYears);
+
 
     // Array.prototype.map()
+    // How it works: Creates a new array with the result of calling a function for each array element
+    // Syntax: array.map(function(currentValue, index, arr), thisValue)
+    
     // 2. Give us an array of the inventors' first and last names
+    // This is the function to run in the map method
+    inventors.map(
+      function joinNames(currentItem, indexOfItem) {
+        let fullName = [currentItem.first, currentItem.last].join(" ");
+        // answer
+        //  console.log(fullName)
+    });
+
 
     // Array.prototype.sort()
+    // How it works: Sorts the elements of an array
+    // Syntax: array.sort(compareFunction)
     // 3. Sort the inventors by birthdate, oldest to youngest
+    let sortbyYears = inventors.sort(function (firstPerson, secondPerson) {
+      if (firstPerson.year > secondPerson.year) {
+        // console.log (firstPerson, secondPerson); 
+        return 1
+      } else {
+        return -1
+      }
+    })
+
+    // answer
+    // console.table(sortbyYears);
+
 
     // Array.prototype.reduce()
+    //How it works: Reduce the values of an array to a single value (going left-to-right)
+    //Syntax: array.reduce(function(total, currentValue, currentIndex, arr), initialValue)
+ 
     // 4. How many years did all the inventors live?
+    const totalYear = inventors.reduce(function(total, inventor){
+      //when writing loops this way you don't need the [i]
+      return total + (inventor.passed - inventor.year); 
+    }, 0);
+    // answer
+    // console.log(totalYear);
 
     // 5. Sort the inventors by years lived
+    const lifeSpan = inventors.sort(function (person1, person2){
+      let person1age = (person1.year - person1.passed); //(birthdate - deathdate)
+      let person2age = (person2.year - person2.passed);
+     // opted to use a ternary ^ instead of my fav if/else > if (person1age > person2age){return 1} else {return -1}
+      return person1age > person2age ? 1 : -1;
+      });
+    //answer
+   console.table(lifeSpan);
 
     // 6. create a list of Boulevards in Paris that contain 'de' anywhere in the name
     // https://en.wikipedia.org/wiki/Category:Boulevards_in_Paris
+      //figure out to get dom elements out of page
+        //ans: el li attr= title
 
+      //pull it out with DOM element ans: use a query selector to pull 
+      
+      //Store data into an array
+      const category = document.querySelector('.mw-category');
+      const arrOfLinks = Array.from(category.querySelectorAll('a'));
+      let deStreets = arrOfLinks
+      .map(function(t){return t.textContent})
+      .filter(function (street){ return street.includes('de')});   
+      //answer
+      console.log(deStreets)
 
     // 7. sort Exercise
     // Sort the people alphabetically by last name
+    const people = ['Beck, Glenn', 'Becker, Carl', 'Beckett, Samuel', 'Beddoes, Mick', 'Beecher, Henry', 'Beethoven, Ludwig', 
+    'Begin, Menachem', 'Belloc, Hilaire', 'Bellow, Saul', 'Benchley, Robert', 'Benenson, Peter', 'Ben-Gurion, David', 'Benjamin, Walter', 
+    'Benn, Tony', 'Bennington, Chester', 'Benson, Leana', 'Bent, Silas', 'Bentsen, Lloyd', 'Berger, Ric', 'Bergman, Ingmar', 'Berio, Luciano', 
+    'Berle, Milton', 'Berlin, Irving', 'Berne, Eric', 'Bernhard, Sandra', 'Berra, Yogi', 'Berry, Halle', 'Berry, Wendell', 'Bethea, Erin', 
+    'Bevan, Aneurin', 'Bevel, Ken', 'Biden, Joseph', 'Bierce, Ambrose', 'Biko, Steve', 'Billings, Josh', 'Biondo, Frank', 'Birrell, Augustine', 
+    'Black, Elk', 'Blair, Robert', 'Blair, Tony', 'Blake, William'];
+      
+     const sortPeople = people.sort(function(a , b){
+
+     }) 
+
+    //answer
 
     // 8. Reduce Exercise
     // Sum up the instances of each of these
-    const data = ['car', 'car', 'truck', 'truck', 'bike', 'walk', 'car', 'van', 'bike', 'walk', 'car', 'van', 'car', 'truck' ];
+    const data = ['car', 'car', 'truck', 'truck', 'bike', 'walk', 'car', 'van', 'bike', 'walk', 'car', 'van', 'car', 'truck'];
 
   </script>
 </body>
+
 </html>
+
+
+//You are working at a pie factory and want to pass the time. You assign a numerical value to each pie of the following
+//[{type: 'Cherry', value: 1}, {type: 'Blueberry', value: 2},{type: 'Strawberry', value: 3}, {type: 'Raspberry', value: 5}, {type: 'Blackberry', value: -1}, {type: 'Apple', value: 13 }]
+
+//Create a function that takes an array of pies, looks up their numerical value,
+//and returns an array where each value in the array is the sum of itself and all the previous numbers in the array
+
+//example [cherry, blueberry, strawberry] would equal to [1, 3, 6]
+//if the array is empty they retun an empty array
+
+
+//First place information into an array
+const pies = [
+    {type: 'Cherry', value: 1}, 
+    {type: 'Blueberry', value: 2},
+    {type: 'Strawberry', value: 3},
+    {type: 'Raspberry', value: 5},
+    {type: 'Blackberry', value: -1},
+    {type: 'Apple', value: 13 }
+];
+
+//second only access the values
+const pieValues = pies.filter(function(number){
+    return number[1].value;
+});
+
+console.log(pieValues);
+
+function solution (pies) {
+    // Type your solution here 
+    //function needs to look up value
+    //return an array
+    if (pies === undefined || pies.length == 0){
+        return [];
+    } else {
+        alert(`here`);
+
+
+        // valuesFromPies.reduce(function (previous, current){
+        //     return previous + current
+        // });
+
+    }
+};
+
+solution();
diff --git a/readme.md b/readme.md
index 392a400128..0c9070922a 100644
--- a/readme.md
+++ b/readme.md
@@ -1,49 +1,11 @@
-![](https://javascript30.com/images/JS3-social-share.png)
-
 # JavaScript30
 
-Starter Files + Completed solutions for the JavaScript 30 Day Challenge.
-
-Grab the course at [https://JavaScript30.com](https://JavaScript30.com)
-
-## Community #JavaScript30 Content
+My modifications to the code are located in the starter files within each directory. The original files are the ones denoted as finished.
 
-Feel free to submit a PR adding a link to your own recaps, guides or reviews!
-
-* [Arjun Khode’s blog](http://thesagittariusme.blogspot.com/search/label/JS30) about summaries for each day, including fixed glitches, bugs and extra features
-* [Nitish Dayal's Text Guides](https://github.com/nitishdayal/JavaScript30) are great for those who like reading over watching
-* [Meredith Underell's](http://meredithunderell.com/tag/javascript30/) Quick Lessons Learned
-* [Rowan Weismiller's](http://rowanweismiller.com/blog/javascript-30/) Recaps + Lessons Learned
-* [Thorsten Frommen](https://tfrommen.de/tag/javascript-30/) shares how he solved the exercises before viewing the answers
-* [Soyaine 写的中文指南](https://github.com/soyaine/JavaScript30)包含了过程记录和难点解释
-* [Ayo Isaiah's](https://freshman.tech/archive/#javascript30) Recaps and Lessons Learned
-* [Adriana Rios](https://stpcollabr8nlstn.github.io/JavaScript30/) shares her alternative solutions
-* [Michael Einsohn](http://30daysofjs.michaeleinsohn.com) publishes each challenge after watching the video once
-* [Mike Ekkel](https://medium.com/@mike_ekkel/javascript-30-a-30-day-vanilla-js-challenge-6a733fc9f62c#.9frjtaje9)
-* [Akinjide Bankole](https://github.com/akinjide/JS30days) used Node.js with [Jade](http://jadelang.net) to solve the exercises
-* [Yusef Habib](https://github.com/yhabib/JavaScript30) lessons and tricks learned, and a [gh-page](https://yhabib.github.io/JavaScript30/) to see working all the mini-projects.
-* [Amelie Yeh](https://github.com/amelieyeh/JS30) 30 lessons notes with things I've learned, and those important recaps. and directly view my demos [here](https://amelieyeh.github.io/JS30/) 🇹🇼😄
-* [Winar](https://github.com/winar-jin/JavaScript30-Challenge)的JavaScript30天挑战，记录练习过程，重难点和其他的解决方案。🎨
-* [Rayhatron](https://rayhatron.github.io/blog/) - walkthroughs, recaps and lessons learned.
-* [Andrei Dobra](https://github.com/andreidbr/JS30) Full repo with lessons learned and a [gh-page](https://andreidbr.github.io/JS30/) with all the exercises.
-* [从零到壹全栈部落](https://github.com/liyuechun/JavaScript30-liyuechun),春哥发起的从零到壹全栈部落，旨在带领大家一起学习，一起输出，文档化，代码化，中文视频化，全栈部落口号：输出是最好的学习方式。
-* [Usmaan Ali's](https://github.com/usyyy/javascript/blob/master/JavaScript30/analysis.md) summary of the technical skills learned from each project. He's also posting them as separate blog posts [here](https://medium.com/@usyyy)
-* [Axel](https://github.com/afuh/js30)'s lessons learned and a [showcase](https://afuh.github.io/js30/) with the projects.
-* [Chris](https://github.com/dwatow/JavaScript30) 中文實戰，目標描述、過程紀錄。
-* [Muhammad D. Ramadhan's](https://miayam.github.io) blog. He shamlesly mixed his personal life with 30 day JavaScript challenge so as to increase his learning retention. He also summarised the challenge on [one single page](https://miayam.github.io/js30). Do not read his blog!
-* [Lee Keitel's Blog](https://blog.keitel.xyz/categories/javascript30/) includes summaries of each lesson, what I learned from each one, and my thoughts about the topic taught and using them in the future.
-* [Dustin Hsiao](https://github.com/dustinhsiao21/Javascript30-dustin) 包含了各篇介紹、 效果Demo、各篇詳解及記錄過程，附上部分延伸閱讀及[gh-page](https://dustinhsiao21.github.io/Javascript30-dustin/)。
-* [GuaHsu](https://github.com/guahsu/JavaScript30) - 紀錄各篇練習過程與心得，並嘗試擴充部分練習，也做了一個包含全部練習的[介紹站](http://guahsu.io/JavaScript30/)🇹🇼
-* [Daniela](https://github.com/misslild)'s completed challenges on [GitHub Pages](https://misslild.github.io/WesBos-30day-Coding-challenge/) and [Codepen](https://codepen.io/collection/DapZeP/) :raised_hands: :muscle: :+1:
-* [Dmitrii Pashutskii's](https://github.com/guar47) code of all challenges on [GitHub with Pages](https://github.com/guar47/javascript30Summary) and review [blog posts](https://blog.dpashutskii.com/tag/javascript30/)
-* [Abid Hasan's](https://github.com/sabidhasan/javascript-30) completion of all challenges. This was awesome!! Learned so much! :+1:
-* [Yusong Notes](https://sky172839465.github.io/course/js30) Records Yusong JS 30 days note and demo :star2:
-* [Herminio Torres](https://github.com/herminiotorres/JavaScript30) lessons and tricks learned, and a [gh-page](https://herminiotorres.github.io/JavaScript30/) to see working all the mini-projects.
+You can grab a version of the course at [https://JavaScript30.com](https://JavaScript30.com)
 
 ## A note on Pull Requests
 
 These are meant to be 1:1 copies of what is done in the video. If you found a better / different way to do things, great, but I will be keeping them the same as the videos.
 
-The starter files + solutions will be updated if/when the videos are updated.
-
-Thanks!
+![](https://javascript30.com/images/JS3-social-share.png)