initialize prototype and hooks

src/App.tsx

@@ -1,7 +1,8 @@
+import Prototype from "src/components/Prototype";
 import "src/App.css";
 
 const App = () => {
-  return <div>App</div>;
+  return <Prototype />;
 };
 
 export default App;

src/components/Prototype.tsx

@@ -0,0 +1,5 @@
+const Prototype = () => {
+  return <div>Prototype</div>;
+};
+
+export default Prototype;

src/hooks/useAssimilator.ts

@@ -0,0 +1,12 @@
+type AssimilatorProps = {
+  // define expected input here and it's type (number, string, etc.)
+};
+
+/**
+ * @description ???
+ * @param ???
+ * @returns ???
+ */
+const useAssimilator = ({}: AssimilatorProps) => {};
+
+export default useAssimilator;

src/hooks/useMonitor.ts

@@ -0,0 +1,12 @@
+type MonitorProps = {
+  // define expected input here and it's type (number, string, etc.)
+};
+
+/**
+ * @description ???
+ * @param ???
+ * @returns ???
+ */
+const useMonitor = ({}: MonitorProps) => {};
+
+export default useMonitor;

src/hooks/useRestrainer.ts

@@ -0,0 +1,14 @@
+type RestrainerProps = {
+  // define expected input here and it's type (number, string, etc.)
+  visualComplexity: number;
+  // add more as needed
+};
+
+/**
+ * @description ???
+ * @param ???
+ * @returns ???
+ */
+const useRestrainer = ({ visualComplexity }: RestrainerProps) => {};
+
+export default useRestrainer;

src/hooks/useSelector.ts

@@ -0,0 +1,14 @@
+type SelectorProps = {
+  // define expected input here and it's type (number, string, etc.)
+};
+
+/**
+ * @description ???
+ * @param ???
+ * @returns ???
+ */
+const useSelector = ({}: SelectorProps) => {
+  console.log("useSelector");
+};
+
+export default useSelector;