Feat: Initial setup

Author: abhijeetj100

src/App.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import './App.css';
 import Board from './components/TicTacToe/Board';
+import FilterableProductTable from './components/FilterableProductTable';
 
 function App() {
   // const [count, setCount] = React.useState(0);
@@ -18,7 +19,8 @@ function App() {
       <ProfileCard />
       <br/> */}
       {/* <TicTacToe /> */}
-      <Board />
+      {/* <Board /> */}
+      <FilterableProductTable />
     </div>
   );
 }

src/components/FilterableProductTable/ProductTable/ProductCategoryRow/index.tsx

@@ -0,0 +1,7 @@
+export default function ProductCategoryRow(){
+    return (
+        <div>
+            <h1>Product Category Row</h1>
+        </div>
+    )
+}

src/components/FilterableProductTable/ProductTable/ProductRow/index.tsx

@@ -0,0 +1,7 @@
+export default function ProductRow(){
+    return (
+        <div>
+            <h1>Product Row</h1>
+        </div>
+    )
+}

src/components/FilterableProductTable/ProductTable/index.tsx

@@ -0,0 +1,12 @@
+import ProductCategoryRow from "./ProductCategoryRow";
+import ProductRow from "./ProductRow";
+
+export default function ProductTable(){
+    return (
+        <div>
+            <h1>Product Table</h1>
+            <ProductCategoryRow />
+            <ProductRow />
+        </div>
+    )
+}

src/components/FilterableProductTable/SearchBar/index.tsx

@@ -0,0 +1,7 @@
+export default function SearchTable(){
+    return (
+        <div>
+            <h1>Search Table</h1>
+        </div>
+    )
+}

src/components/FilterableProductTable/index.tsx

@@ -0,0 +1,29 @@
+import Search from "antd/es/transfer/search";
+import ProductTable from "./ProductTable";
+import SearchTable from "./SearchBar";
+
+interface IProduct{
+    category: string;
+    price: string;
+    stocked: boolean;
+    name: string;
+}
+
+const ProductData: IProduct[] = [
+    { category: "Fruits", price: "$1", stocked: true, name: "Apple" },
+    { category: "Fruits", price: "$1", stocked: true, name: "Dragonfruit" },
+    { category: "Fruits", price: "$2", stocked: false, name: "Passionfruit" },
+    { category: "Vegetables", price: "$2", stocked: true, name: "Spinach" },
+    { category: "Vegetables", price: "$4", stocked: false, name: "Pumpkin" },
+    { category: "Vegetables", price: "$1", stocked: true, name: "Peas" }
+  ];
+
+export default function FilterableProductTable(){
+    return (
+        <div>
+            <h1>FilterableProductTable</h1>
+            <SearchTable />
+            <ProductTable />
+        </div>
+    )
+}