diff --git a/src/components/EyesOnMe.js b/src/components/EyesOnMe.js
index 5880cb9d8..d46b67daf 100644
--- a/src/components/EyesOnMe.js
+++ b/src/components/EyesOnMe.js
@@ -1 +1,20 @@
 // Code EyesOnMe Component Here
+import React from "react";
+
+function EyesOnMe() {
+    function focus() {
+        console.log("Good!");
+    }
+
+    function Blur() {
+        console.log("Hey! Eyes on me!");
+    }
+
+    return (
+        <button onFocus={focus} onBlur={Blur}>
+            Eyes on me
+        </button>
+    );
+}
+
+export default EyesOnMe;
\ No newline at end of file
diff --git a/src/components/Keypad.js b/src/components/Keypad.js
index 4160fb310..b33d91b40 100644
--- a/src/components/Keypad.js
+++ b/src/components/Keypad.js
@@ -1,9 +1,16 @@
 // Code Keypad Component Here
+import React from "react";
 
-function Keypad (){
+function Keypad() {
+
+    function handlePasswordChange() {
+        console.log("Entering password...");
+    }
     return (
-        <div></div>
-    )
+
+        <input type="password" onChange={handlePasswordChange} />
+
+    );
 }
 
 export default Keypad;
\ No newline at end of file
diff --git a/src/index.js b/src/index.js
index 2d1c456eb..b58865de1 100644
--- a/src/index.js
+++ b/src/index.js
@@ -10,4 +10,4 @@ ReactDOM.render(
     <EyesOnMe />
   </div>,
   document.getElementById('root')
-);
+);
\ No newline at end of file