diff --git a/src/components/EyesOnMe.js b/src/components/EyesOnMe.js
index 5880cb9d8..8f52c320e 100644
--- a/src/components/EyesOnMe.js
+++ b/src/components/EyesOnMe.js
@@ -1 +1,17 @@
-// Code EyesOnMe Component Here
+import React from 'react';
+
+function EyesOnMe() {
+  function handleFocus() {
+    console.log("Good!")
+  }
+
+  function handleBlur() {
+    console.log("Hey! Eyes on me!")
+  }
+
+  return (
+    <button onFocus={handleFocus} onBlur={handleBlur}>Eyes on me</button>
+  )
+}
+
+export default EyesOnMe
diff --git a/src/components/Keypad.js b/src/components/Keypad.js
index 4160fb310..27f844b14 100644
--- a/src/components/Keypad.js
+++ b/src/components/Keypad.js
@@ -1,9 +1,15 @@
-// Code Keypad Component Here
+import React from 'react';
 
 function Keypad (){
-    return (
-        <div></div>
-    )
+  function handleChange() {
+    console.log ("Entering password...")
+  }
+
+  return (
+      <div>
+        <input type ="password" onChange={handleChange}/>
+      </div>
+  )
 }
 
-export default Keypad;
\ No newline at end of file
+export default Keypad;