function MainComponent() { const [selectedTab, setSelectedTab] = React.useState('cryptocurrencies'); const [data, setData] = React.useState([]); const [loading, setLoading] = React.useState(false); const [error, setError] = React.useState(null); const [userPreferences, setUserPreferences] = React.useState({ riskTolerance: 'medium', investmentAmount: 1000, preferredAssets: [] }); const [portfolio, setPortfolio] = React.useState([]); const [predictions, setPredictions] = React.useState({}); const [dcaAmount, setDcaAmount] = React.useState(0); const [sharpeRatio, setSharpeRatio] = React.useState(0); const [chartData, setChartData] = React.useState({ days: [], prices: [] }); const fetchData = async ()=>{ setLoading(true); setError(null); try { let url; if (selectedTab === 'cryptocurrencies') { url = 'https://api.coingecko.com/api/v3/coins/markets?vs_currency=usd&ids=bitcoin,ethereum,solana&order=market_cap_desc&sparkline=false'; } else { url = 'https://www.alphavantage.co/query?function=GLOBAL_QUOTE&symbol=AAPL,TSLA,MSFT,SPY,ARKK,VTI&apikey=YOUR_API_KEY'; } const response = await fetch(url); const result = await response.json(); setData(selectedTab === 'cryptocurrencies' ? result : Object.values(result).filter((item)=>item['Global Quote'])); simulatePredictions(result); generateChartData(); } catch (err) { setError('Failed to fetch data'); } setLoading(false); }; React.useEffect(()=>{ fetchData(); }, [ selectedTab ]); const simulatePredictions = (data)=>{ const simulatedPredictions = {}; if (selectedTab === 'cryptocurrencies') { data.forEach((coin)=>{ simulatedPredictions[coin.id] = (coin.current_price * (1 + Math.random() * 0.1)).toFixed(2); }); } else { Object.values(data).forEach((item)=>{ if (item['Global Quote']) { const symbol = item['Global Quote']['01. symbol']; const currentPrice = parseFloat(item['Global Quote']['05. price']); simulatedPredictions[symbol] = (currentPrice * (1 + Math.random() * 0.1)).toFixed(2); } }); } setPredictions(simulatedPredictions); }; const calculateSharpeRatio = (returns, riskFreeRate = 0.02)=>{ const avgReturn = returns.reduce((a, b)=>a + b, 0) / returns.length; const stdDev = Math.sqrt(returns.reduce((sq, n)=>sq + Math.pow(n - avgReturn, 2), 0) / returns.length); return (avgReturn - riskFreeRate) / stdDev; }; const calculateDcaAmount = (balance, riskLevel)=>{ const baseInvestment = 100; const adjustment = baseInvestment * (1 - riskLevel); return Math.min(balance, baseInvestment + adjustment); }; React.useEffect(()=>{ const riskLevelMap = { low: 0.8, medium: 0.5, high: 0.2 }; const riskLevel = riskLevelMap[userPreferences.riskTolerance]; const newDcaAmount = calculateDcaAmount(userPreferences.investmentAmount, riskLevel); setDcaAmount(newDcaAmount); const mockReturns = [ 0.02, 0.01, 0.03, 0.015, -0.01 ]; const newSharpeRatio = calculateSharpeRatio(mockReturns); setSharpeRatio(newSharpeRatio); }, [ userPreferences ]); const generateChartData = ()=>{ const days = Array.from({ length: 10 }, (_, i)=>i + 1); const prices = Array.from({ length: 10 }, ()=>Math.floor(Math.random() * (350 - 300 + 1) + 300)); setChartData({ days, prices }); }; const renderData = ()=>{ if (loading) return /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 90, columnNumber: 25 }, __self: this }, "Loading..."); if (error) return /*#__PURE__*/ React.createElement("p", { className: "text-red-500", __source: { fileName: "", lineNumber: 91, columnNumber: 23 }, __self: this }, error); if (!data || data.length === 0) return null; return /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 95, columnNumber: 7 }, __self: this }, data.map((item)=>{ const symbol = selectedTab === 'cryptocurrencies' ? item.id : item['Global Quote'] ? item['Global Quote']['01. symbol'] : ''; const price = selectedTab === 'cryptocurrencies' ? item.current_price : item['Global Quote'] ? parseFloat(item['Global Quote']['05. price']).toFixed(2) : ''; const change = selectedTab === 'cryptocurrencies' ? item.price_change_percentage_24h : item['Global Quote'] ? item['Global Quote']['10. change percent'] : ''; if (!symbol) return null; return /*#__PURE__*/ React.createElement("li", { key: symbol, className: "mb-4", __source: { fileName: "", lineNumber: 104, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold", __source: { fileName: "", lineNumber: 105, columnNumber: 15 }, __self: this }, selectedTab === 'cryptocurrencies' ? item.name : symbol), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 106, columnNumber: 15 }, __self: this }, "Price: $", price), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 107, columnNumber: 15 }, __self: this }, "Change: ", change, "%"), selectedTab === 'cryptocurrencies' && /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 108, columnNumber: 54 }, __self: this }, "Market Cap: $", item.market_cap), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 109, columnNumber: 15 }, __self: this }, "Predicted Price: $", predictions[symbol] || 'N/A'), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleAddToPortfolio(selectedTab === 'cryptocurrencies' ? item.name : symbol), className: "mt-2 bg-blue-500 text-white px-2 py-1 rounded", __source: { fileName: "", lineNumber: 110, columnNumber: 15 }, __self: this }, "Add to Portfolio")); })); }; const handlePreferenceChange = (e)=>{ const { name, value } = e.target; setUserPreferences((prev)=>({ ...prev, [name]: value })); }; const handleAddToPortfolio = (asset)=>{ setPortfolio((prev)=>[ ...prev, asset ]); }; return /*#__PURE__*/ React.createElement("div", { className: "container mx-auto p-4", __source: { fileName: "", lineNumber: 133, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 134, columnNumber: 7 }, __self: this }, "Profitable Investment App"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 135, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: `mr-2 px-4 py-2 rounded ${selectedTab === 'cryptocurrencies' ? 'bg-blue-500 text-white' : 'bg-gray-200'}`, onClick: ()=>setSelectedTab('cryptocurrencies'), __source: { fileName: "", lineNumber: 136, columnNumber: 9 }, __self: this }, "Cryptocurrencies"), /*#__PURE__*/ React.createElement("button", { className: `px-4 py-2 rounded ${selectedTab === 'stocks' ? 'bg-blue-500 text-white' : 'bg-gray-200'}`, onClick: ()=>setSelectedTab('stocks'), __source: { fileName: "", lineNumber: 142, columnNumber: 9 }, __self: this }, "Stocks/ETFs")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 149, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 150, columnNumber: 9 }, __self: this }, "Top ", selectedTab === 'cryptocurrencies' ? 'Cryptocurrencies' : 'Stocks/ETFs'), renderData()), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 153, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 154, columnNumber: 9 }, __self: this }, "Investment Strategies"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-5", __source: { fileName: "", lineNumber: 155, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 156, columnNumber: 11 }, __self: this }, "Dynamic Dollar-Cost Averaging (DCA) for cryptocurrencies"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 157, columnNumber: 11 }, __self: this }, "Risk management using Sharpe Ratio for stocks/ETFs"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 158, columnNumber: 11 }, __self: this }, "Predictive analytics with machine learning")), /*#__PURE__*/ React.createElement("p", { className: "mt-2", __source: { fileName: "", lineNumber: 160, columnNumber: 9 }, __self: this }, "Recommended DCA Amount: $", dcaAmount.toFixed(2)), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 161, columnNumber: 9 }, __self: this }, "Portfolio Sharpe Ratio: ", sharpeRatio.toFixed(4))), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 163, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 164, columnNumber: 9 }, __self: this }, "User Preferences"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", __source: { fileName: "", lineNumber: 165, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 166, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "riskTolerance", className: "block mb-1", __source: { fileName: "", lineNumber: 167, columnNumber: 13 }, __self: this }, "Risk Tolerance:"), /*#__PURE__*/ React.createElement("select", { name: "riskTolerance", value: userPreferences.riskTolerance, onChange: handlePreferenceChange, className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 168, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "low", __source: { fileName: "", lineNumber: 174, columnNumber: 15 }, __self: this }, "Low"), /*#__PURE__*/ React.createElement("option", { value: "medium", __source: { fileName: "", lineNumber: 175, columnNumber: 15 }, __self: this }, "Medium"), /*#__PURE__*/ React.createElement("option", { value: "high", __source: { fileName: "", lineNumber: 176, columnNumber: 15 }, __self: this }, "High"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 179, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "investmentAmount", className: "block mb-1", __source: { fileName: "", lineNumber: 180, columnNumber: 13 }, __self: this }, "Investment Amount:"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "investmentAmount", value: userPreferences.investmentAmount, onChange: handlePreferenceChange, className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 181, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 191, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 192, columnNumber: 9 }, __self: this }, "Portfolio"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 193, columnNumber: 9 }, __self: this }, portfolio.map((asset, index)=>/*#__PURE__*/ React.createElement("li", { key: index, __source: { fileName: "", lineNumber: 195, columnNumber: 13 }, __self: this }, asset)))), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 199, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 200, columnNumber: 9 }, __self: this }, "Visualization"), /*#__PURE__*/ React.createElement("div", { className: "w-full h-64 bg-gray-100 flex items-center justify-center", __source: { fileName: "", lineNumber: 201, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-500", __source: { fileName: "", lineNumber: 202, columnNumber: 11 }, __self: this }, "Chart placeholder (Matplotlib visualization would go here)")), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-sm text-gray-600", __source: { fileName: "", lineNumber: 204, columnNumber: 9 }, __self: this }, "Data points: ", chartData.days.join(', ')), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 205, columnNumber: 9 }, __self: this }, "Prices: ", chartData.prices.join(', ')))); }

Profitable Investment App

Top Cryptocurrencies

Investment Strategies

User Preferences

Portfolio

Visualization