- ID de l'analyse :
- 2641b28e-1aa4-4ac5-b10f-2b427d92d244Terminée
- URL soumise :
- https://courageous-bubblegum-5338d1.netlify.app/
- Fin du rapport :
Liens : 0 trouvé(s)
Liens sortants identifiés à partir de la page
Variables JavaScript : 4 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
Nom | Type |
---|---|
onbeforetoggle | object |
documentPictureInPicture | object |
onscrollend | object |
__reactRouterVersion | string |
Messages de journal de console : 4 trouvé(s)
Messages consignés dans la console web
Type | Catégorie | Enregistrement |
---|---|---|
warning | other |
|
warning | other |
|
error | network |
|
error | network |
|
HTML
Le corps HTML de la page en données brutes
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<link rel="icon" type="image/svg+xml" href="/vite.svg">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vite + React + TS</title>
<script type="module" crossorigin="" src="/assets/index-BfSOCikH.js"></script>
<link rel="stylesheet" crossorigin="" href="/assets/index-iHKo-AhB.css">
</head>
<body>
<div id="root"><div class="min-h-screen bg-gray-50"><div class="fixed inset-y-0 left-0 w-64 bg-white border-r border-gray-200"><div class="flex items-center h-16 px-6 border-b border-gray-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-credit-card w-8 h-8 text-blue-600"><rect width="20" height="14" x="2" y="5" rx="2"></rect><line x1="2" x2="22" y1="10" y2="10"></line></svg><span class="ml-3 text-xl font-bold">ExpenseTracker</span></div><nav class="px-4 mt-6"><a class="flex items-center px-2 py-3 mt-1 rounded-lg hover:bg-gray-50 text-blue-600 bg-blue-50 group" href="/dashboard" aria-current="page"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-home w-5 h-5"><path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg><span class="ml-3">Dashboard</span></a><a class="flex items-center px-2 py-3 mt-1 rounded-lg hover:bg-gray-50 text-gray-600 hover:text-blue-600 group" href="/statistics"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pie-chart w-5 h-5"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg><span class="ml-3">Statistics</span></a><a class="flex items-center px-2 py-3 mt-1 rounded-lg hover:bg-gray-50 text-gray-600 hover:text-blue-600 group" href="/transactions"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-5 h-5"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg><span class="ml-3">Transactions</span></a><a class="flex items-center px-2 py-3 mt-1 rounded-lg hover:bg-gray-50 text-gray-600 hover:text-blue-600 group" href="/budget"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-credit-card w-5 h-5"><rect width="20" height="14" x="2" y="5" rx="2"></rect><line x1="2" x2="22" y1="10" y2="10"></line></svg><span class="ml-3">Budget</span></a><a class="flex items-center px-2 py-3 mt-1 rounded-lg hover:bg-gray-50 text-gray-600 hover:text-blue-600 group" href="/settings"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings w-5 h-5"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"></path><circle cx="12" cy="12" r="3"></circle></svg><span class="ml-3">Settings</span></a><button class="flex items-center w-full px-2 py-3 mt-8 text-gray-600 rounded-lg hover:bg-gray-50 hover:text-red-600"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-log-out w-5 h-5"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" x2="9" y1="12" y2="12"></line></svg><span class="ml-3">Logout</span></button></nav></div><div class="ml-64"><div class="h-16 bg-white border-b border-gray-200"><div class="flex items-center justify-between h-full px-6"><div class="flex items-center flex-1"><div class="relative"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 h-5 w-5"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg><input type="text" placeholder="Search..." class="w-64 pl-10 pr-4 py-2 rounded-lg border border-gray-200 focus:outline-none focus:border-blue-500"></div></div><div class="flex items-center space-x-4"><button class="relative p-2 text-gray-400 hover:text-gray-600"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bell w-6 h-6"><path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9"></path><path d="M10.3 21a1.94 1.94 0 0 0 3.4 0"></path></svg><span class="absolute top-0 right-0 w-2 h-2 bg-red-500 rounded-full"></span></button><img src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="User avatar" class="w-8 h-8 rounded-full"></div></div></div><main class="p-6"><div class="space-y-6"><div class="flex justify-between items-center"><h2 class="text-2xl font-semibold text-gray-800">Dashboard</h2><button class="flex items-center space-x-2 px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus w-5 h-5"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg><span>Add Transaction</span></button></div><div class="grid grid-cols-4 gap-6"><div class="bg-white p-6 rounded-xl shadow-sm"><div class="flex items-center justify-between"><div><p class="text-sm text-gray-500">Total Balance</p><p class="text-2xl font-semibold text-gray-900 mt-1">₹4,250.00</p></div><div class="p-3 rounded-full bg-green-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wallet w-6 h-6 text-green-600"><path d="M21 12V7H5a2 2 0 0 1 0-4h14v4"></path><path d="M3 5v14a2 2 0 0 0 2 2h16v-5"></path><path d="M18 12a2 2 0 0 0 0 4h4v-4Z"></path></svg></div></div><div class="mt-4"><span class="text-sm text-green-600">+15%</span><span class="text-sm text-gray-500 ml-2">from last month</span></div></div><div class="bg-white p-6 rounded-xl shadow-sm"><div class="flex items-center justify-between"><div><p class="text-sm text-gray-500">Total Income</p><p class="text-2xl font-semibold text-gray-900 mt-1">₹8,500.00</p></div><div class="p-3 rounded-full bg-green-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up w-6 h-6 text-green-600"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"></polyline><polyline points="16 7 22 7 22 13"></polyline></svg></div></div><div class="mt-4"><span class="text-sm text-green-600">+10%</span><span class="text-sm text-gray-500 ml-2">from last month</span></div></div><div class="bg-white p-6 rounded-xl shadow-sm"><div class="flex items-center justify-between"><div><p class="text-sm text-gray-500">Total Expenses</p><p class="text-2xl font-semibold text-gray-900 mt-1">₹4,250.00</p></div><div class="p-3 rounded-full bg-red-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-down w-6 h-6 text-red-600"><polyline points="22 17 13.5 8.5 8.5 13.5 2 7"></polyline><polyline points="16 17 22 17 22 11"></polyline></svg></div></div><div class="mt-4"><span class="text-sm text-red-600">-5%</span><span class="text-sm text-gray-500 ml-2">from last month</span></div></div><div class="bg-white p-6 rounded-xl shadow-sm"><div class="flex items-center justify-between"><div><p class="text-sm text-gray-500">Total Savings</p><p class="text-2xl font-semibold text-gray-900 mt-1">₹2,150.00</p></div><div class="p-3 rounded-full bg-green-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-dollar-sign w-6 h-6 text-green-600"><line x1="12" x2="12" y1="2" y2="22"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg></div></div><div class="mt-4"><span class="text-sm text-green-600">+12%</span><span class="text-sm text-gray-500 ml-2">from last month</span></div></div></div><div class="grid grid-cols-2 gap-6"><div class="bg-white p-6 rounded-xl shadow-sm"><h3 class="text-lg font-semibold text-gray-800 mb-4">Monthly Expenses</h3><div class="h-64 flex items-end space-x-2"><div class="flex-1 flex flex-col items-center"><div class="w-full bg-blue-500 rounded-t" style="height: 65%;"></div><span class="text-xs text-gray-500 mt-2">Jan</span></div><div class="flex-1 flex flex-col items-center"><div class="w-full bg-blue-500 rounded-t" style="height: 45%;"></div><span class="text-xs text-gray-500 mt-2">Feb</span></div><div class="flex-1 flex flex-col items-center"><div class="w-full bg-blue-500 rounded-t" style="height: 75%;"></div><span class="text-xs text-gray-500 mt-2">Mar</span></div><div class="flex-1 flex flex-col items-center"><div class="w-full bg-blue-500 rounded-t" style="height: 50%;"></div><span class="text-xs text-gray-500 mt-2">Apr</span></div><div class="flex-1 flex flex-col items-center"><div class="w-full bg-blue-500 rounded-t" style="height: 85%;"></div><span class="text-xs text-gray-500 mt-2">May</span></div><div class="flex-1 flex flex-col items-center"><div class="w-full bg-blue-500 rounded-t" style="height: 70%;"></div><span class="text-xs text-gray-500 mt-2">Jun</span></div><div class="flex-1 flex flex-col items-center"><div class="w-full bg-blue-500 rounded-t" style="height: 60%;"></div><span class="text-xs text-gray-500 mt-2">Jul</span></div><div class="flex-1 flex flex-col items-center"><div class="w-full bg-blue-500 rounded-t" style="height: 80%;"></div><span class="text-xs text-gray-500 mt-2">Aug</span></div><div class="flex-1 flex flex-col items-center"><div class="w-full bg-blue-500 rounded-t" style="height: 55%;"></div><span class="text-xs text-gray-500 mt-2">Sep</span></div><div class="flex-1 flex flex-col items-center"><div class="w-full bg-blue-500 rounded-t" style="height: 40%;"></div><span class="text-xs text-gray-500 mt-2">Oct</span></div><div class="flex-1 flex flex-col items-center"><div class="w-full bg-blue-500 rounded-t" style="height: 90%;"></div><span class="text-xs text-gray-500 mt-2">Nov</span></div><div class="flex-1 flex flex-col items-center"><div class="w-full bg-blue-500 rounded-t" style="height: 65%;"></div><span class="text-xs text-gray-500 mt-2">Dec</span></div></div></div><div class="bg-white p-6 rounded-xl shadow-sm"><h3 class="text-lg font-semibold text-gray-800 mb-4">Budget Overview</h3><div class="space-y-4"><div><div class="flex justify-between text-sm mb-1"><span class="text-gray-600">Housing</span><span class="text-gray-900">$850 / $1000</span></div><div class="h-2 bg-gray-200 rounded-full"><div class="h-full rounded-full bg-yellow-500" style="width: 85%;"></div></div></div><div><div class="flex justify-between text-sm mb-1"><span class="text-gray-600">Food</span><span class="text-gray-900">$320 / $500</span></div><div class="h-2 bg-gray-200 rounded-full"><div class="h-full rounded-full bg-green-500" style="width: 64%;"></div></div></div><div><div class="flex justify-between text-sm mb-1"><span class="text-gray-600">Transportation</span><span class="text-gray-900">$250 / $300</span></div><div class="h-2 bg-gray-200 rounded-full"><div class="h-full rounded-full bg-yellow-500" style="width: 83.3333%;"></div></div></div><div><div class="flex justify-between text-sm mb-1"><span class="text-gray-600">Entertainment</span><span class="text-gray-900">$180 / $200</span></div><div class="h-2 bg-gray-200 rounded-full"><div class="h-full rounded-full bg-yellow-500" style="width: 90%;"></div></div></div></div></div></div><div class="bg-white p-6 rounded-xl shadow-sm"><h3 class="text-lg font-semibold text-gray-800 mb-4">Recent Transactions</h3><div class="space-y-4"><div class="flex items-center justify-between p-4 rounded-lg bg-gray-50"><div class="flex items-center space-x-4"><div class="p-2 rounded-full bg-red-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-down-right w-5 h-5 text-red-600"><path d="m7 7 10 10"></path><path d="M17 7v10H7"></path></svg></div><div><p class="font-medium text-gray-900">Grocery Shopping</p><p class="text-sm text-gray-500">Food</p></div></div><div class="flex items-center space-x-4"><div class="text-right"><p class="font-medium text-red-600">-₹8550.00</p><p class="text-sm text-gray-500">3/15/2024</p></div><button class="p-2 text-gray-400 hover:text-red-600 rounded-full hover:bg-gray-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trash2 w-5 h-5"><path d="M3 6h18"></path><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"></path><line x1="10" x2="10" y1="11" y2="17"></line><line x1="14" x2="14" y1="11" y2="17"></line></svg></button></div></div><div class="flex items-center justify-between p-4 rounded-lg bg-gray-50"><div class="flex items-center space-x-4"><div class="p-2 rounded-full bg-green-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-5 h-5 text-green-600"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div><div><p class="font-medium text-gray-900">Salary Deposit</p><p class="text-sm text-gray-500">Income</p></div></div><div class="flex items-center space-x-4"><div class="text-right"><p class="font-medium text-green-600">+₹350000.00</p><p class="text-sm text-gray-500">3/14/2024</p></div><button class="p-2 text-gray-400 hover:text-red-600 rounded-full hover:bg-gray-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trash2 w-5 h-5"><path d="M3 6h18"></path><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"></path><line x1="10" x2="10" y1="11" y2="17"></line><line x1="14" x2="14" y1="11" y2="17"></line></svg></button></div></div><div class="flex items-center justify-between p-4 rounded-lg bg-gray-50"><div class="flex items-center space-x-4"><div class="p-2 rounded-full bg-red-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-down-right w-5 h-5 text-red-600"><path d="m7 7 10 10"></path><path d="M17 7v10H7"></path></svg></div><div><p class="font-medium text-gray-900">Netflix Subscription</p><p class="text-sm text-gray-500">Entertainment</p></div></div><div class="flex items-center space-x-4"><div class="text-right"><p class="font-medium text-red-600">-₹1599.00</p><p class="text-sm text-gray-500">3/13/2024</p></div><button class="p-2 text-gray-400 hover:text-red-600 rounded-full hover:bg-gray-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trash2 w-5 h-5"><path d="M3 6h18"></path><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"></path><line x1="10" x2="10" y1="11" y2="17"></line><line x1="14" x2="14" y1="11" y2="17"></line></svg></button></div></div><div class="flex items-center justify-between p-4 rounded-lg bg-gray-50"><div class="flex items-center space-x-4"><div class="p-2 rounded-full bg-green-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-5 h-5 text-green-600"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div><div><p class="font-medium text-gray-900">Freelance Payment</p><p class="text-sm text-gray-500">Income</p></div></div><div class="flex items-center space-x-4"><div class="text-right"><p class="font-medium text-green-600">+₹75000.00</p><p class="text-sm text-gray-500">3/12/2024</p></div><button class="p-2 text-gray-400 hover:text-red-600 rounded-full hover:bg-gray-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trash2 w-5 h-5"><path d="M3 6h18"></path><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"></path><line x1="10" x2="10" y1="11" y2="17"></line><line x1="14" x2="14" y1="11" y2="17"></line></svg></button></div></div></div><button class="mt-4 w-full py-2 text-sm text-blue-600 hover:text-blue-700">View All Transactions</button></div></div></main></div></div></div>
</body></html>