feat: hooks implemented (#76)

Closes #75

Author: rajshekharbind

src/quant_research_starter/frontend/cauweb/src/hooks/useQuantData.js

@@ -0,0 +1,38 @@
+import { useState, useEffect } from 'react';
+import { api } from '../utils/api';
+export const useQuantData = () => {
+    const [assets, setAssets] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [backtestResults, setBacktestResults] = useState(null);
+    useEffect(() => {
+        loadAssets();
+    }, []);
+    const loadAssets = async () => {
+        try {
+            const data = await api.getAssets();
+            setAssets(data);
+        }
+        catch (error) {
+            console.error('Failed to load assets:', error);
+        }
+    };
+    const runBacktest = async (config) => {
+        setLoading(true);
+        try {
+            const results = await api.runBacktest(config);
+            setBacktestResults(results);
+        }
+        catch (error) {
+            console.error('Backtest failed:', error);
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    return {
+        assets,
+        loading,
+        backtestResults,
+        runBacktest
+    };
+};

src/quant_research_starter/frontend/cauweb/src/hooks/useQuantData.ts

@@ -0,0 +1,26 @@
+import { useState, useEffect } from 'react';
+
+export const useQuantData = () => {
+  const [assets, setAssets] = useState<any[]>([]);
+
+  useEffect(() => {
+    loadAssets();
+  }, []);
+
+  const loadAssets = async () => {
+    // Mock data
+    const mockAssets = [
+      { symbol: 'AAPL', name: 'Apple Inc.', sector: 'Technology', marketCap: 2800000000000, price: 182.63 },
+      { symbol: 'MSFT', name: 'Microsoft Corp.', sector: 'Technology', marketCap: 2750000000000, price: 370.73 },
+      { symbol: 'GOOGL', name: 'Alphabet Inc.', sector: 'Technology', marketCap: 1750000000000, price: 138.21 },
+    ];
+    setAssets(mockAssets);
+  };
+
+  return {
+    assets,
+    loading: false,
+    backtestResults: null,
+    runBacktest: async () => {} // Empty function for now
+  };
+};