Add js and ts examples.

.eslintcache

@@ -1 +1 @@
-[{"/Users/jimmyers/Dropbox/code/interviews/ti-fcas-tracker-challenge-template/src/App.tsx":"1","/Users/jimmyers/Dropbox/code/interviews/ti-fcas-tracker-challenge-template/src/pages/FCAS.jsx":"2","/Users/jimmyers/Dropbox/code/interviews/ti-fcas-tracker-challenge-template/src/index.tsx":"3","/Users/jimmyers/Dropbox/code/interviews/ti-fcas-tracker-challenge-template/src/api/client.ts":"4","/Users/jimmyers/Dropbox/code/interviews/ti-fcas-tracker-challenge-template/src/api/fcas.ts":"5"},{"size":193,"mtime":1606863964433,"results":"6","hashOfConfig":"7"},{"size":519,"mtime":1606864072615,"results":"8","hashOfConfig":"7"},{"size":453,"mtime":1606863968036,"results":"9","hashOfConfig":"7"},{"size":578,"mtime":1606864364179,"results":"10","hashOfConfig":"7"},{"size":710,"mtime":1606864376606,"results":"11","hashOfConfig":"7"},{"filePath":"12","messages":"13","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"tz8i6z",{"filePath":"14","messages":"15","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"16","messages":"17","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"18","messages":"19","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"20","messages":"21","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"/Users/jimmyers/Dropbox/code/interviews/ti-fcas-tracker-challenge-template/src/App.tsx",[],"/Users/jimmyers/Dropbox/code/interviews/ti-fcas-tracker-challenge-template/src/pages/FCAS.jsx",[],"/Users/jimmyers/Dropbox/code/interviews/ti-fcas-tracker-challenge-template/src/index.tsx",[],"/Users/jimmyers/Dropbox/code/interviews/ti-fcas-tracker-challenge-template/src/api/client.ts",[],"/Users/jimmyers/Dropbox/code/interviews/ti-fcas-tracker-challenge-template/src/api/fcas.ts",[]]
+[{"/Users/jimmyers/Dropbox/code/interviews/ti-fcas-tracker-challenge-template/src/App.tsx":"1","/Users/jimmyers/Dropbox/code/interviews/ti-fcas-tracker-challenge-template/src/index.tsx":"2","/Users/jimmyers/Dropbox/code/interviews/ti-fcas-tracker-challenge-template/src/api/client.ts":"3","/Users/jimmyers/Dropbox/code/interviews/ti-fcas-tracker-challenge-template/src/api/fcas.ts":"4","/Users/jimmyers/Dropbox/code/interviews/ti-fcas-tracker-challenge-template/src/pages/ExampleJSPage.jsx":"5"},{"size":287,"mtime":1606943403165,"results":"6","hashOfConfig":"7"},{"size":453,"mtime":1606863968036,"results":"8","hashOfConfig":"7"},{"size":578,"mtime":1606864364179,"results":"9","hashOfConfig":"7"},{"size":710,"mtime":1606864376606,"results":"10","hashOfConfig":"7"},{"size":268,"mtime":1606943369361,"results":"11","hashOfConfig":"7"},{"filePath":"12","messages":"13","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"14"},"tz8i6z",{"filePath":"15","messages":"16","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"17","messages":"18","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"19","messages":"20","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"21","messages":"22","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},"/Users/jimmyers/Dropbox/code/interviews/ti-fcas-tracker-challenge-template/src/App.tsx",["23"],"import React from \"react\";\nimport ExampleJSPage from \"./pages/ExampleJSPage\";\nimport ExampleTSPage from \"./pages/ExampleTSPage\";\nimport \"./css/App.css\";\n\nfunction App() {\n  return (\n    <div>\n      <ExampleJSPage />\n      {/* <ExampleTSPage /> */}\n    </div>\n  );\n}\n\nexport default App;\n","/Users/jimmyers/Dropbox/code/interviews/ti-fcas-tracker-challenge-template/src/index.tsx",[],"/Users/jimmyers/Dropbox/code/interviews/ti-fcas-tracker-challenge-template/src/api/client.ts",[],"/Users/jimmyers/Dropbox/code/interviews/ti-fcas-tracker-challenge-template/src/api/fcas.ts",[],"/Users/jimmyers/Dropbox/code/interviews/ti-fcas-tracker-challenge-template/src/pages/ExampleJSPage.jsx",["24"],{"ruleId":"25","severity":1,"message":"26","line":3,"column":8,"nodeType":"27","messageId":"28","endLine":3,"endColumn":21},{"ruleId":"29","severity":1,"message":"30","line":2,"column":10,"nodeType":"27","messageId":"28","endLine":2,"endColumn":31},"@typescript-eslint/no-unused-vars","'ExampleTSPage' is defined but never used.","Identifier","unusedVar","no-unused-vars","'getProjectRankMetrics' is defined but never used."]

src/App.tsx

@@ -1,11 +1,13 @@
 import React from "react";
-import FCAS from "./pages/FCAS";
+import ExampleJSPage from "./pages/ExampleJSPage";
+import ExampleTSPage from "./pages/ExampleTSPage";
 import "./css/App.css";
 
 function App() {
   return (
-    <div className="App">
-      <FCAS />
+    <div>
+      <ExampleJSPage />
+      {/* <ExampleTSPage /> */}
     </div>
   );
 }

src/pages/ExampleJSPage.jsx

@@ -0,0 +1,16 @@
+import React from 'react';
+import { getProjectRankMetrics } from "../api/fcas"
+
+
+const ExampleJSPage = () => {
+  // Call API functions here to get data.
+  //
+
+  return (
+    <div>
+      <h1>Example Javascript Page</h1>
+    </div>
+  );
+}
+
+export default ExampleJSPage;

src/pages/ExampleTSPage.tsx

@@ -0,0 +1,17 @@
+import React from "react";
+import { getProjectRankMetrics } from "../api/fcas";
+
+type Props = {};
+
+const ExampleTSPage: React.FC<Props> = () => {
+  // Call API functions here to get data.
+  //
+
+  return (
+    <div>
+      <h1>Example Typescript Page</h1>
+    </div>
+  );
+};
+
+export default ExampleTSPage;

src/pages/FCAS.jsx

@@ -1,23 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { getProjectRankMetrics } from "../api/fcas"
-
-function FCAS() {
-  const [data, setData] = useState()
-  useEffect(() => {
-    const getData = async () => {
-      const result = await getProjectRankMetrics("fcas")
-      setData(result.data.data)
-    }
-    getData()
-  }, [])
-
-  return (
-    <div className="App">
-      {data && data.map((d, i) => {
-        return <div key={i}>{d.project_name} - {d.value}</div>
-      })}
-    </div>
-  );
-}
-
-export default FCAS;