Felicia final

client/.env

@@ -0,0 +1 @@
+SKIP_PREFLIGHT_CHECK=true

client/package.json

@@ -7,6 +7,7 @@
     "@testing-library/react": "^11.1.0",
     "@testing-library/user-event": "^12.1.10",
     "axios": "^0.21.1",
+    "moment": "^2.29.1",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
     "react-scripts": "4.0.3",

client/src/App.js

@@ -1,9 +1,35 @@
 import { useCallback, useEffect, useState } from "react";
 import axios from "axios";
+import CurrentTime from "./currentTime";
+import { isPalindrome } from "./isPalindrome.js";
 
 axios.defaults.baseURL = 'http://localhost:5000';
 axios.defaults.headers.post['Content-Type'] = 'applicatin/json';
 
+// const btn = document.getElementById("btn");
+// if (btn.addEventListener === true)  {
+//     alert("yes is a palindrome");
+//   } else  {
+//     alert("not a palindrome");
+// }
+
+// btn.addEventListener("click", isPalindrome, false);
+//  if(isPalindrome() === true){
+//         alert("is a palindorme")
+
+//       } else {
+//         alert("not a palindrome")
+//       }
+
+const Inbox = () => {
+  return <div>
+      <input type="text" onKeyDown={() => isPalindrome()}></input>
+      <span>is a palindrome</span>
+      <input id="btn" type="submit" value="add" ></input>
+  </div>
+
+}
+
 function App() {  
   const [palindromeList, setPalindromList] = useState([]);
 
@@ -33,6 +59,10 @@ function App() {
         <p>
           This is the bootcamp final.
         </p>
+        <div>
+          <CurrentTime></CurrentTime>
+          <Inbox></Inbox>
+          </div>
         {
           <ul>
             {

client/src/currentTime.js

@@ -0,0 +1,22 @@
+import React, { useState, useEffect } from 'react';
+
+export const CurrentTime = () => {
+    var [date, setDate] = useState(new Date());
+
+
+    useEffect(() => {
+        var timer = setInterval(()=>setDate(new Date()), 1000 )
+        return function cleanup() {
+            clearInterval(timer)
+        }
+
+    });
+
+    return(
+        <div>
+            <p> {date.toLocaleDateString()} {date.toLocaleTimeString()}</p>
+        </div>
+    )
+}
+
+export default CurrentTime;

client/src/isPalindrome.js

@@ -0,0 +1,12 @@
+export function isPalindrome(str = " ") {
+    var word = str.length;
+    if (word === 1){
+        console.log(true) && alert("1 word is a palindrome");
+    }
+    else if (str[0] === str[word - 1]) {
+        return isPalindrome(str.slice(1, word - 1)) && alert("is a palindrome");
+    } else{
+        console.log(false) && alert("not a palindrome");
+        }
+}
+