diff --git a/Analitics.jsx b/Analitics.jsx new file mode 100644 index 000000000..5092183cb --- /dev/null +++ b/Analitics.jsx @@ -0,0 +1,78 @@ +//Main page for the analytics section + +import React, { useState, useEffect } from "react"; +import { BarChart, Bar, XAxis, YAxis, Tooltip, Legend, ResponsiveContainer } from "recharts"; +import { fetchGooglePayTransactions } from "./transaction"; // Adjust the import path as necessary +import './styles/analytics.css'; // Add this import + +const AnalyticsChart = ({ userAccount }) => { + const [transactionData, setTransactionData] = useState([]); + const [year, setYear] = useState("2025"); + + useEffect(() => { + const loadTransactions = async () => { + const transactions = await fetchGooglePayTransactions(userAccount); + setTransactionData(transactions); + }; + loadTransactions(); + }, [userAccount]); + + // Function to process transactions and get income & outcome per month + const getMonthlyData = () => { + const monthlyData = Array.from({ length: 12 }, (_, index) => ({ + month: new Date(2025, index, 1).toLocaleString("en-US", { month: "short" }), + income: 0, + outcome: 0, + })); + + transactionData.transactions?.forEach((txn) => { + const txnDate = new Date(txn.date); + if (txnDate.getFullYear().toString() === year) { + const monthIndex = txnDate.getMonth(); + if (txn.receiver_account === userAccount) { + monthlyData[monthIndex].income += txn.amount_transferred; // Money received + } + if (txn.sender_account === userAccount) { + monthlyData[monthIndex].outcome += txn.amount_transferred; // Money spent + } + } + }); + + return monthlyData; + }; + + const monthlyData = getMonthlyData(); + + return ( +
+

Income vs Outcome

+ + + + + + + + + + +
+ ); +}; +export default AnalyticsChart; diff --git a/Analytics.jsx b/Analytics.jsx new file mode 100644 index 000000000..474fc8ef9 --- /dev/null +++ b/Analytics.jsx @@ -0,0 +1,74 @@ +import React, { useState, useEffect } from "react"; +import { BarChart, Bar, XAxis, YAxis, Tooltip, Legend, ResponsiveContainer } from "recharts"; +import { fetchGooglePayTransactions } from "../utils/product_trancation.jsx"; // Add .jsx extension + +const AnalyticsChart = () => { + const [transactionData, setTransactionData] = useState([]); + const [year, setYear] = useState("2024"); + + useEffect(() => { + // Fetch transactions (Replace with real API call) + const loadTransactions = async () => { + const transactions = await fetchGooglePayTransactions(); + setTransactionData(transactions); + }; + loadTransactions(); + }, []); + + // Function to process transactions and get income & outcome per month + const getMonthlyData = () => { + const monthlyData = Array.from({ length: 12 }, (_, index) => ({ + month: new Date(2024, index, 1).toLocaleString("en-US", { month: "short" }), + income: 0, + outcome: 0, + })); + + transactionData.forEach((txn) => { + const txnDate = new Date(txn.date); + const txnYear = txnDate.getFullYear().toString(); + if (txnYear === year) { + const monthIndex = txnDate.getMonth(); + if (txn.type === "income") { + monthlyData[monthIndex].income += txn.amount; + } else if (txn.type === "outcome") { + monthlyData[monthIndex].outcome += txn.amount; + } + } + }); + + return monthlyData; + }; + + return ( +
+

Analytics

+ + + + + + + + + + + + +
+ ); +}; + +export default AnalyticsChart; \ No newline at end of file diff --git a/App.css b/App.css new file mode 100644 index 000000000..6ef416aff --- /dev/null +++ b/App.css @@ -0,0 +1,49 @@ +#root { + max-width: 1280px; + margin: 0 auto; + padding: 2rem; + text-align: center; +} + +.logo { + height: 6em; + padding: 1.5em; + will-change: filter; + transition: filter 300ms; +} +.logo:hover { + filter: drop-shadow(0 0 2em #646cffaa); +} +.logo.react:hover { + filter: drop-shadow(0 0 2em #61dafbaa); +} + +@keyframes logo-spin { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} + +@media (prefers-reduced-motion: no-preference) { + a:nth-of-type(2) .logo { + animation: logo-spin infinite 20s linear; + } +} + +.card { + padding: 2em; +} + +.read-the-docs { + color: #888; +} + +@media screen and (max-width: 768px) { + #root { + max-width: 100%; + padding: 1rem; + } +} diff --git a/Dashboard.jsx b/Dashboard.jsx new file mode 100644 index 000000000..271d0dde7 --- /dev/null +++ b/Dashboard.jsx @@ -0,0 +1,175 @@ +import React, { useState, useEffect, useRef } from 'react'; +import { useNavigate, Route, Routes, Link } from 'react-router-dom'; +import '../styles/dashboard.css'; +import AnalyticsChart from './Analytics'; +import TransactionHistory from './TransactionHistory'; +import StockTrends from './StockTrends'; +import SplitPayApp from './SplitPayApp'; // Import the SplitPayApp component + +function Dashboard() { + const navigate = useNavigate(); + const [showLogoutConfirm, setShowLogoutConfirm] = useState(false); + const [isLoading, setIsLoading] = useState(true); + const [chatMessages, setChatMessages] = useState([]); + const [inputMessage, setInputMessage] = useState(''); + const messagesEndRef = useRef(null); + + const scrollToBottom = () => { + messagesEndRef.current?.scrollIntoView({ behavior: "smooth" }); + }; + + useEffect(() => { + scrollToBottom(); + }, [chatMessages]); + + useEffect(() => { + // Check authentication and set up dashboard + const isAuth = localStorage.getItem('isAuthenticated'); + if (!isAuth) { + navigate('/'); + return; + } + setIsLoading(false); + }, [navigate]); + + const handleLogoutClick = () => { + setShowLogoutConfirm(true); + }; + + const handleLogoutConfirm = () => { + localStorage.removeItem('isAuthenticated'); + localStorage.removeItem('currentUser'); + navigate('/'); + }; + + if (isLoading) { + return ( +
+
Loading...
+
+ ); + } + + async function handleSendMessage(e) { + e.preventDefault(); + if (!inputMessage.trim()) return; + + const message = inputMessage.trim(); + setChatMessages(prev => [...prev, { type: 'user', content: message }]); + setInputMessage(''); + + try { + const response = await fetch('http://localhost:5174/chat', { + method: 'POST', + headers: { + 'Content-Type': 'application/json' + }, + body: JSON.stringify({ message }) + }); + + if (!response.ok) { + const errorText = await response.text(); + console.error('API Error Response:', errorText); + throw new Error(`HTTP error! status: ${response.status}`); + } + + const data = await response.json(); + console.log('Response data:', data); // Debug logging + + if (data && data.response) { + setChatMessages(prev => [...prev, { + type: 'bot', + content: data.response + }]); + } else { + throw new Error('Invalid response format'); + } + } catch (error) { + console.error('Chat Error:', error); + setChatMessages(prev => [...prev, { + type: 'bot', + content: 'FinBot: I apologize, but I am temporarily unable to process requests. Please try again shortly.' + }]); + } + } + + return ( +
+
+
Finura
+ +
+ +
+
+
+ + +
+
+

Financial Overview

+ +
+
+
+ +
+
+ +
+
+
+
+ } /> + } /> {/* Add route for Split Pay */} + +
+
+
+

AI Financial Assistant

+
+
+ {chatMessages.map((msg, index) => ( +
+ {msg.type === 'user' ? `You: ${msg.content}` : msg.content} +
+ ))} +
+
+
+ setInputMessage(e.target.value)} + placeholder="Ask about your finances..." + /> + +
+
+
+
+ + {showLogoutConfirm && ( +
+
+

Confirm Logout

+

Are you sure you want to logout?

+
+ + +
+
+
+ )} +
+ ); +} + +export default Dashboard; \ No newline at end of file diff --git a/LoginButton.jsx b/LoginButton.jsx new file mode 100644 index 000000000..2b7dfbbb2 --- /dev/null +++ b/LoginButton.jsx @@ -0,0 +1,18 @@ +import React, { useState } from 'react'; +import '../styles/loginButton.css'; +import LoginModal from './LoginModal'; + +function LoginButton() { + const [showModal, setShowModal] = useState(false); + + return ( +
+ + {showModal && setShowModal(false)} />} +
+ ); +} + +export default LoginButton; diff --git a/LoginModal.jsx b/LoginModal.jsx new file mode 100644 index 000000000..61cc6281d --- /dev/null +++ b/LoginModal.jsx @@ -0,0 +1,53 @@ +import React, { useState } from 'react'; +import '../styles/loginModal.css'; +import { authenticateUser } from '../utils/userData'; + +function LoginModal({ onClose }) { + const [credentials, setCredentials] = useState({ email: '', password: '' }); + const [error, setError] = useState(''); + + const handleSubmit = (e) => { + e.preventDefault(); + const result = authenticateUser(credentials.email, credentials.password); + + if (result.success) { + localStorage.setItem('isAuthenticated', 'true'); + localStorage.setItem('currentUser', JSON.stringify(result.user)); + window.location.href = '/dashboard'; + onClose(); + } else { + setError(result.message); + } + }; + + return ( +
+
+ +

Login

+
+ setCredentials({...credentials, email: e.target.value})} + /> + setCredentials({...credentials, password: e.target.value})} + /> + +
+ {error &&
{error}
} +
+ Forgot Password? + Create Account +
+
+
+ ); +} + +export default LoginModal; diff --git a/LoginPage.jsx b/LoginPage.jsx new file mode 100644 index 000000000..f3766282c --- /dev/null +++ b/LoginPage.jsx @@ -0,0 +1,43 @@ +import React, { useState } from 'react'; +import '../styles/login.css'; + +function LoginPage() { + const [username, setUsername] = useState(''); + const [password, setPassword] = useState(''); + + const handleLogin = (e) => { + e.preventDefault(); + // Handle login logic here + }; + + return ( +
+
+

Login

+
+ + setUsername(e.target.value)} + required + /> +
+
+ + setPassword(e.target.value)} + required + /> +
+ +
+
+ ); +} + +export default LoginPage; diff --git a/README.md b/README.md index 48a05e012..9d22d8beb 100644 --- a/README.md +++ b/README.md @@ -1,36 +1,32 @@ # Define 3.0 -The official template repository for Define 3.0 ![DefineHack 2025 Logo](https://github.com/user-attachments/assets/8173bc16-418e-4912-b500-c6427e4ba4b6) - -# < Project Name > - Cover Image If applicable - +# Finura ### Team Information -- **Team Name**: -- **Track**: < Track > +- **Team Name**: The Think Tank +- **Track**: FinTech ### Team Members | Name | Role | GitHub | LinkedIn | |------|------|--------|----------| -| [Full Name] | [Role] | [@username](https://github.com/username) | [Profile](https://linkedin.com/in/username) | -| [Full Name] | [Role] | [@username](https://github.com/username) | [Profile](https://linkedin.com/in/username) | -| [Full Name] | [Role] | [@username](https://github.com/username) | [Profile](https://linkedin.com/in/username) | -| [Full Name] | [Role] | [@username](https://github.com/username) | [Profile](https://linkedin.com/in/username) | +| Joshua Sunny ninan | Chatbot | [Joshualostinearth](https://github.com/Joshualostonearth) | [Profile](https://www.linkedin.com/in/joshua-sunny-ninan-391517271/) | +| Allan Jigi Mathew | info gathering and presnetation | [Allantalks](https://github.com/Allantalks) | [Profile](https://www.linkedin.com/in/allan-jigi-mathew-694104308/) | +| Advaith A Arun | Frontend/Backend | [ADU773](https://github.com/ADU773) | [Profile](https://www.linkedin.com/in/advaith-a-arun-3431a82a7/) | +| Edwin K Mathew | Frontend/Backend | [EdKMathew](https://github.com/EdKMathew) | [Profile](linkedin.com/in/edwin-k-mathew-39a15a296) | ## Project Details ### Overview -_A concise summary of your project (2-3 sentences)_ +We intend to build a basic fintech website that provides users with financial insights and customer support through an AI-powered chatbot. The website will feature a simple dashboard displaying sample financial data in a user-friendly interface. ### Problem Statement -_Describe the problem your project aims to solve_ +Develop a basic prototype of a fintech website with an AI-powered chatbot that provides users with financial insights and customer support. The website should have a clean, user-friendly interface with a simple dashboard displaying sample financial data and a chatbot capable of handling basic FAQs related to fintech services ### Solution -_Explain your approach to solving the problem_ +The fintech website prototype will feature a user-friendly dashboard displaying sample financial data, including account balance, recent transactions, and spending trends. An AI-powered chatbot will handle basic fintech FAQs and provide financial insights such as budgeting tips and savings suggestions. Additionally, the platform will promote sustainability by encouraging digital transactions, eco-friendly financial habits, and energy-efficient coding practices. ### Demo [![Project Demo](https://img.youtube.com/vi/VIDEO_ID/0.jpg)](https://www.youtube.com/watch?v=VIDEO_ID) @@ -42,59 +38,98 @@ _Replace VIDEO_ID with your YouTube video ID or provide an alternative demo link ## Technical Implementation ### Technologies Used -- **Frontend**: [Technologies] -- **Backend**: [Technologies] -- **Database**: [Technologies] -- **APIs**: [Technologies] -- **DevOps**: [Technologies] -- **Other Tools**: [Technologies] - -### Key Features -- Feature 1 -- Feature 2 -- Feature 3 +- **Frontend**: React +- **Backend**: node.js +- **Database**: MongoDB +- **APIs**: foduucom/stockmarket-future-prediction,Mistran + + +## Key Features +### 1. User-Friendly Dashboard +- Displays sample financial data (e.g., account balance, recent transactions, spending trends). +- Clean UI with easy navigation. + +### 2. AI-Powered Chatbot +- Handles **basic FAQs** related to fintech services (e.g., "How to check my balance?" or "What are the investment options?"). +- Provides **financial insights** such as budgeting tips and savings suggestions. + +### 3. Sustainability Integration +- Encouraging digital transactions to reduce paper waste. +- Promoting eco-friendly financial habits (e.g., sustainable investment options). +- Implementing efficient coding practices for energy conservation. ## Setup Instructions ### Prerequisites -- Requirement 1 -- Requirement 2 -- Requirement 3 +- Node.js: Ensure you have Node.js installed. You can download it from nodejs.org. +- npm: Node Package Manager, which comes with Node.js, to manage project dependencies. +- React: For the frontend development. +- Express: For the backend server. +- Fetch API: For making HTTP requests to the Hugging Face API. +- dotenv: For managing environment variables (optional but recommended) ### Installation ```bash - +npm rechart +npm install express +npm install cors +npm install node-fetch +npm install dotenv +npm install react-router-dom ``` ### Running the Project ```bash - +npm run dev ``` ## Additional Resources ### Project Timeline -_Brief overview of your development process and milestones_ +Morning: Set up the Express server with Hugging Face API integration and a basic FAQ database for finance questions. +Afternoon: Developed a robust isFinanceRelated() function with extensive finance-related keyword categories. +Evening: Implemented a currency conversion feature with regex pattern matching and support for multiple currency name variations. +Night: Built the /chat endpoint with response formatting, including HTML bold tags, and added error handling. +🗓 Sunday + +Morning: Discussed and planned transaction data integration. +Afternoon: Added a transaction dataset and improved isFinanceRelated() with transaction-related keywords. Developed a transaction query handler. +Evening: Restructured the code by moving transaction data to a separate file and ensured proper module imports/exports. +Night: Tested the chatbot’s ability to handle queries about income/expense summaries, balance breakdowns, and transaction searches. + +March 8, 2025 +Project Setup: Initialized repository, set up project structure, and installed dependencies for Node.js, Express, and React. +Backend Development: Created Express server, defined /chat endpoint, configured CORS, implemented FAQ handling, hardcoded exchange rates, and added currency conversion logic. +Frontend Development: Created React app, built Dashboard component, developed chat interface, and implemented message handling. +Testing & Debugging: Tested API using Postman, debugged server responses, and ensured correct API handling. +Styling: Applied CSS for chat interface and dashboard, ensured responsiveness with media queries. +Integration: Connected frontend with backend to process and display messages. +Feature Enhancement: Added transaction data queries, improved error handling, and implemented logging. +March 9, 2025 +Final Touches: Refined CSS styles, ensured consistency, and fixed layout issues. +Testing & Deployment: Conducted final tests, deployed backend and frontend, and verified production functionality. ### Challenges Faced -_Discuss technical challenges and how you overcame them_ +The frontend might fail to fetch data due to CORS restrictions. Ensure CORS is properly configured in your Express server ### Future Enhancements -_Share your vision for future development_ +-Improve fintuning of finance chatbot +-More functional split pay which includes sms in gmail messages +-Emergemcy fund allocater ### References (if any) -- [Reference 1](link) -- [Reference 2](link) +- [Reference 1](https://www.worldbank.org/ext/en/home) +- [Reference 2](https://www.forbes.com) --- ### Submission Checklist -- [ ] Completed all sections of this README +- [x] Completed all sections of this README - [ ] Added project demo video - [ ] Provided live project link -- [ ] Ensured all team members are listed -- [ ] Included setup instructions -- [ ] Submitted final code to repository +- [x] Ensured all team members are listed +- [x] Included setup instructions +- [x] Submitted final code to repository --- diff --git a/SplitPay.css b/SplitPay.css new file mode 100644 index 000000000..68e2140d2 --- /dev/null +++ b/SplitPay.css @@ -0,0 +1,73 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: Arial, sans-serif; +} + +body { + background: #121212; + color: #333; + line-height: 1.6; +} + +.container { + max-width: 800px; + margin: 20px auto; + padding: 20px; +} + +.header { + text-align: center; + margin-bottom: 20px; + color: #8662C2; +} + +.card { + background: #191919; + padding: 20px; + border-radius: 8px; + color: white; + box-shadow: 0 2px 4px rgba(255, 255, 255, 0); + margin-bottom: 20px; +} + +.form-group { + margin-bottom: 15px; +} + +input, +button { + padding: 10px; + width: 100%; + margin-bottom: 10px; + border: 1px solid #ddd; + border-radius: 4px; +} + +button { + background: #8662C2; + color: #121212; + border: none; + cursor: pointer; + transition: background 0.3s; +} + +button:hover { + background: #8662C2; +} + +.transaction-list { + list-style: none; +} + +.transaction-item { + padding: 10px; + border-bottom: 1px solid #121212; +} + +.settlement-result { + background: #e8f4f8; + padding: 15px; + border-radius: 4px; +} diff --git a/SplitPayApp.jsx b/SplitPayApp.jsx new file mode 100644 index 000000000..49f9902e8 --- /dev/null +++ b/SplitPayApp.jsx @@ -0,0 +1,282 @@ +import React, { useState, useEffect } from 'react'; +import './SplitPay.css'; // We'll move the styles to a separate CSS file + +const SplitPayApp = () => { + const [splitPay] = useState(() => new SplitPay()); + const [transactions, setTransactions] = useState([]); + const [settlementOutput, setSettlementOutput] = useState(''); + const [creditOutput, setCreditOutput] = useState(''); + + useEffect(() => { + splitPay.loadState(); + setTransactions(splitPay.transactions); + }, [splitPay]); + + const createGroup = (e) => { + e.preventDefault(); + const name = e.target.groupName.value; + const members = e.target.members.value; + const contacts = e.target.memberContacts.value; + if (name && members && contacts) { + splitPay.createGroup(name, members, contacts); + alert(`Group "${name}" created successfully!`); + e.target.reset(); + } + }; + + const addBill = (e) => { + e.preventDefault(); + const groupName = e.target.billGroup.value; + const payer = e.target.payer.value; + const amount = parseFloat(e.target.amount.value); + const description = e.target.description.value; + if (groupName && payer && amount && description) { + splitPay.addBill(groupName, payer, amount, description); + setTransactions([...splitPay.transactions]); + e.target.reset(); + } + }; + + const settleBalances = (e) => { + e.preventDefault(); + const groupName = e.target.settleGroup.value; + if (groupName) { + const settlements = splitPay.settleBalances(groupName); + setSettlementOutput( + settlements.length > 0 ? ( +
+

Settlement Instructions (Notifications Sent):

+ +
+ ) : ( + 'No settlements needed or group not found.' + ) + ); + } + }; + + const requestSplitCredit = (e) => { + e.preventDefault(); + const groupName = e.target.creditGroup.value; + const amount = parseFloat(e.target.creditAmount.value); + if (groupName && amount) { + const credit = splitPay.requestSplitCredit(groupName, amount); + if (credit) { + setCreditOutput( +
+

Credit Approved!

+

Total: ₹{credit.totalAmount}

+

Per Person: ₹{credit.splitAmount.toFixed(2)}

+

Due: {credit.repaymentTerms.dueDate.toLocaleDateString()}

+
+ ); + } + } + }; + + return ( +
+

SplitPay

+ +
+

Create Group

+
+ + + + +
+
+ +
+

Add Bill

+
+ + + + + +
+
+ +
+

Transactions

+
    + {transactions.map((t) => ( +
  • + {t.description}: ₹{t.amount} paid by {t.payer} (₹{t.splitAmount.toFixed(2)} each) - {t.timestamp.toLocaleString()} +
    • + ))} +
+
+ +
+

Settle Balances

+
+ + +
+
{settlementOutput}
+
+ +
+

Request Split Credit

+
+ + + +
+
{creditOutput}
+
+
+ ); +}; + +// Move the SplitPay class outside the component +class SplitPay { + constructor() { + this.groups = new Map(); + this.transactions = []; + this.loadState(); + } + + createGroup(name, members, contacts) { + const memberList = members.split(',').map(m => m.trim()); + const contactList = contacts.split(',').map(c => c.trim()); + if (memberList.length !== contactList.length) { + alert('Number of members and contacts must match!'); + return; + } + + const group = { name, members: new Map(), totalSpent: 0 }; + memberList.forEach((member, index) => { + group.members.set(member, { + paid: 0, + owes: 0, + name: member, + contact: contactList[index] + }); + }); + + this.groups.set(name, group); + this.saveState(); + return group; + } + + addBill(groupName, payer, amount, description) { + if (!this.groups.has(groupName)) { + alert('Group not found!'); + return; + } + + const group = this.groups.get(groupName); + const splitAmount = amount / group.members.size; + group.totalSpent += amount; + + const payerData = group.members.get(payer); + if (!payerData) { + alert('Payer not found in group!'); + return; + } + + payerData.paid += amount; + group.members.forEach((memberData, memberName) => { + if (memberName !== payer) memberData.owes += splitAmount; + }); + + const transaction = { + id: Date.now(), + groupName, + payer, + amount, + splitAmount, + description, + timestamp: new Date() + }; + + this.transactions.push(transaction); + this.saveState(); + return transaction; + } + + settleBalances(groupName) { + if (!this.groups.has(groupName)) { + alert('Group not found!'); + return []; + } + + const group = this.groups.get(groupName); + const settlements = []; + group.members.forEach((memberData, memberName) => { + const netBalance = memberData.paid - memberData.owes; + settlements.push({ name: memberName, netBalance, contact: memberData.contact }); + }); + + const instructions = this.calculateSettlements(settlements); + this.notifyDebtors(groupName, instructions); + return instructions; + } + + calculateSettlements(settlements) { + const creditors = settlements.filter(s => s.netBalance > 0); + const debtors = settlements.filter(s => s.netBalance < 0); + const instructions = []; + + creditors.forEach(creditor => { + while (creditor.netBalance > 0 && debtors.length > 0) { + const debtor = debtors[0]; + const amount = Math.min(creditor.netBalance, Math.abs(debtor.netBalance)); + instructions.push({ from: debtor.name, to: creditor.name, amount, debtorContact: debtor.contact }); + creditor.netBalance -= amount; + debtor.netBalance += amount; + if (debtor.netBalance === 0) debtors.shift(); + } + }); + + return instructions; + } + + async notifyDebtors(groupName, instructions) { + instructions.forEach(instruction => { + const message = `Hi ${instruction.from}, you owe ${instruction.to} ₹${instruction.amount.toFixed(2)} for ${groupName}. Pay now: [Payment Link]`; + console.log(`Sending to ${instruction.debtorContact}: ${message}`); + alert(`Notification sent to ${instruction.from} (${instruction.debtorContact}): ${message}`); + }); + } + + requestSplitCredit(groupName, amount) { + if (!this.groups.has(groupName)) { + alert('Group not found!'); + return; + } + const group = this.groups.get(groupName); + const splitAmount = amount / group.members.size; + const credit = { + groupName, + totalAmount: amount, + splitAmount, + status: 'approved', + repaymentTerms: { perPerson: splitAmount, dueDate: new Date(Date.now() + 30 * 24 * 60 * 60 * 1000) } + }; + this.saveState(); + return credit; + } + + saveState() { + localStorage.setItem('splitpay_groups', JSON.stringify([...this.groups])); + localStorage.setItem('splitpay_transactions', JSON.stringify(this.transactions)); + } + + loadState() { + const groups = localStorage.getItem('splitpay_groups'); + const transactions = localStorage.getItem('splitpay_transactions'); + if (groups) this.groups = new Map(JSON.parse(groups)); + if (transactions) this.transactions = JSON.parse(transactions); + } +} + +export default SplitPayApp; diff --git a/StateDropdown.jsx b/StateDropdown.jsx new file mode 100644 index 000000000..e2d297591 --- /dev/null +++ b/StateDropdown.jsx @@ -0,0 +1,25 @@ +import React from 'react'; +import '../styles/stateDropdown.css'; + +function StateDropdown() { + const indianStates = [ + "Andhra Pradesh", "Arunachal Pradesh", "Assam", "Bihar", "Chhattisgarh", + "Goa", "Gujarat", "Haryana", "Himachal Pradesh", "Jharkhand", "Karnataka", + "Kerala", "Madhya Pradesh", "Maharashtra", "Manipur", "Meghalaya", "Mizoram", + "Nagaland", "Odisha", "Punjab", "Rajasthan", "Sikkim", "Tamil Nadu", + "Telangana", "Tripura", "Uttar Pradesh", "Uttarakhand", "West Bengal" + ]; + + return ( +
+ +
+ ); +} + +export default StateDropdown; diff --git a/StockTracker.css b/StockTracker.css new file mode 100644 index 000000000..81fc46454 --- /dev/null +++ b/StockTracker.css @@ -0,0 +1,16 @@ +.stock-tracker { + font-family: Arial, Helvetica, sans-serif; + margin: 20px; +} + +.stock-tracker h2 { + color: #333; +} + +.stock-details { + margin-top: 20px; +} + +.stock-details p { + margin: 5px 0; +} diff --git a/StockTracker.jsx b/StockTracker.jsx new file mode 100644 index 000000000..fc7fcba91 --- /dev/null +++ b/StockTracker.jsx @@ -0,0 +1,83 @@ +import React, { useState, useEffect } from "react"; +import { Line } from "react-chartjs-2"; +import "chart.js/auto"; +import "./StockTracker.css"; + +const StockTracker = ({ symbol = "AAPL" }) => { + const API_KEY = "FOU3LD1ZKD1QFRFE"; // Keep this secure in a backend + const [stockData, setStockData] = useState(null); + const [loading, setLoading] = useState(true); + const [error, setError] = useState(null); + + const fetchStockData = async () => { + try { + const response = await fetch( + `https://www.alphavantage.co/query?function=TIME_SERIES_INTRADAY&symbol=${symbol}&interval=5min&apikey=${API_KEY}` + ); + const data = await response.json(); + + if (data["Time Series (5min)"]) { + const timeSeries = data["Time Series (5min)"]; + const stockDataArray = Object.keys(timeSeries).map(timestamp => ({ + time: timestamp, + open: parseFloat(timeSeries[timestamp]["1. open"]), + high: parseFloat(timeSeries[timestamp]["2. high"]), + low: parseFloat(timeSeries[timestamp]["3. low"]), + close: parseFloat(timeSeries[timestamp]["4. close"]), + volume: parseInt(timeSeries[timestamp]["5. volume"]), + })); + + setStockData(stockDataArray); + } else { + setError("Invalid API response. Check API limits."); + } + } catch (err) { + setError("Failed to fetch stock data"); + } + setLoading(false); + }; + + useEffect(() => { + fetchStockData(); + const interval = setInterval(fetchStockData, 60000); // Update every 60 seconds + return () => clearInterval(interval); + }, [symbol]); + + const chartData = { + labels: stockData ? stockData.map(data => data.time) : [], + datasets: [ + { + label: "Stock Price", + data: stockData ? stockData.map(data => data.close) : [], + fill: false, + backgroundColor: "rgba(75,192,192,0.4)", + borderColor: "rgba(75,192,192,1)", + }, + ], + }; + + return ( +
+

Live Stock Tracker: {symbol}

+ {loading ? ( +

Loading...

+ ) : error ? ( +

{error}

+ ) : ( +
+ +
+

Time: {stockData[0].time}

+

Open: ${stockData[0].open.toFixed(2)}

+

High: ${stockData[0].high.toFixed(2)}

+

Low: ${stockData[0].low.toFixed(2)}

+

Close: ${stockData[0].close.toFixed(2)}

+

Volume: {stockData[0].volume.toLocaleString()}

+
+
+ )} +
+ ); +}; + +export default StockTracker; diff --git a/StockTrends.jsx b/StockTrends.jsx new file mode 100644 index 000000000..727922a48 --- /dev/null +++ b/StockTrends.jsx @@ -0,0 +1,124 @@ +import React, { useState, useEffect } from 'react'; +import { LineChart, Line, XAxis, YAxis, Tooltip, ResponsiveContainer } from 'recharts'; +import '../styles/stockTrends.css'; + +const StockTrends = () => { + const [stockData, setStockData] = useState([]); + const [loading, setLoading] = useState(true); + const [currentPage, setCurrentPage] = useState(0); + const [error, setError] = useState(null); + const API_KEY = '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'; + const SYMBOLS = [ + 'AAPL', 'GOOGL', 'MSFT', 'AMZN', 'TSLA', + 'META', 'NVDA', 'JPM', 'V', 'WMT', + 'JNJ', 'PG', 'MA', 'UNH', 'HD' + ]; + const STOCKS_PER_PAGE = 5; + + const MOCK_DATA = [ + { symbol: 'AAPL', price: 185.92, change: 2.34, percentChange: 1.25, high: 186.74, low: 184.21 }, + { symbol: 'GOOGL', price: 142.65, change: 1.87, percentChange: 1.31, high: 143.12, low: 141.23 }, + { symbol: 'MSFT', price: 378.85, change: 4.21, percentChange: 1.12, high: 379.21, low: 375.62 }, + { symbol: 'AMZN', price: 155.34, change: 2.12, percentChange: 1.38, high: 156.00, low: 153.89 }, + { symbol: 'TSLA', price: 248.48, change: -3.25, percentChange: -1.29, high: 251.45, low: 247.12 } + ]; + + const fetchStockData = async () => { + try { + setError(null); + const startIdx = currentPage * STOCKS_PER_PAGE; + const currentSymbols = SYMBOLS.slice(startIdx, startIdx + STOCKS_PER_PAGE); + + // Try API fetch first + try { + const API_KEY = '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'; + const promises = currentSymbols.map(async (symbol) => { + const response = await fetch(`https://finnhub.io/api/v1/quote?symbol=${symbol}&token=${API_KEY}`); + if (!response.ok) throw new Error('API request failed'); + const data = await response.json(); + return { + symbol, + price: data.c || 0, + change: data.d || 0, + percentChange: data.dp || 0, + high: data.h || 0, + low: data.l || 0 + }; + }); + + const results = await Promise.all(promises); + setStockData(results.sort((a, b) => b.percentChange - a.percentChange)); + } catch (apiError) { + console.warn('API fetch failed, using mock data', apiError); + // Use mock data as fallback + const mockDataForPage = MOCK_DATA.slice(startIdx, startIdx + STOCKS_PER_PAGE); + setStockData(mockDataForPage); + } + + setLoading(false); + } catch (error) { + console.error('Error in fetchStockData:', error); + setError('Unable to load stock data'); + setStockData(MOCK_DATA.slice(0, STOCKS_PER_PAGE)); // Fallback to mock data + setLoading(false); + } + }; + + useEffect(() => { + fetchStockData(); + // Remove the interval to stop auto-updates + }, [currentPage]); + + const nextPage = () => { + setCurrentPage((prev) => (prev + 1) % Math.ceil(SYMBOLS.length / STOCKS_PER_PAGE)); + }; + + const prevPage = () => { + setCurrentPage((prev) => + prev === 0 ? Math.ceil(SYMBOLS.length / STOCKS_PER_PAGE) - 1 : prev - 1 + ); + }; + + if (error) { + return ( +
+
{error}
+
+ ); + } + + return ( +
+
+ +

Top Performers

+ +
+
+ {loading ? ( +
Loading market data...
+ ) : ( +
+ {stockData.map((stock) => ( +
+
+ {stock.symbol} + = 0 ? 'positive' : 'negative'}`}> + {stock.percentChange.toFixed(2)}% + +
+
${stock.price.toFixed(2)}
+
+ L: ${stock.low.toFixed(2)} + H: ${stock.high.toFixed(2)} +
+
+ ))} +
+ )} +
+
+ ); +}; + +export default StockTrends; diff --git a/TransactionHistory.jsx b/TransactionHistory.jsx new file mode 100644 index 000000000..9580c2bc0 --- /dev/null +++ b/TransactionHistory.jsx @@ -0,0 +1,43 @@ +import React from 'react'; +import { fetchGooglePayTransactions } from '../utils/product_trancation'; +import '../styles/transactionHistory.css'; + +const TransactionHistory = () => { + const [transactions, setTransactions] = React.useState([]); + + React.useEffect(() => { + const loadTransactions = async () => { + const data = await fetchGooglePayTransactions(); + // Get latest 5 transactions + const sortedData = data + .sort((a, b) => new Date(b.date) - new Date(a.date)) + .slice(0, 5); + setTransactions(sortedData); + }; + loadTransactions(); + }, []); + + return ( +
+

Recent Transactions

+
+ {transactions.map((transaction, index) => ( +
+
+ {transaction.name} + + {new Date(transaction.date).toLocaleDateString()} + +
+ + {transaction.type === 'income' ? '+' : '-'} + ${transaction.amount.toLocaleString()} + +
+ ))} +
+
+ ); +}; + +export default TransactionHistory; diff --git a/analytics.css b/analytics.css new file mode 100644 index 000000000..fb5477dcd --- /dev/null +++ b/analytics.css @@ -0,0 +1,141 @@ +.analytics-container { + background: rgba(18, 18, 18, 0.95); + padding: 1.5rem; + border-radius: 8px; + border: 1px solid rgba(255, 255, 255, 0.1); + width: 100%; + height: 100%; + display: flex; + flex-direction: column; + overflow: hidden; + max-width: 100%; + overflow-x: hidden; + position: relative; + min-height: 400px; + max-height: 100%; + font-family: Arial, Helvetica, sans-serif; +} + +.year-select { + background: rgba(18, 18, 18, 0.95); + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.1); + padding: 8px 16px; + border-radius: 4px; + margin-bottom: 20px; + font-family: Arial, Helvetica, sans-serif; + cursor: pointer; +} + +.year-select:hover { + border-color: #774EBD; +} + +.year-select:focus { + outline: none; + border-color: #774EBD; +} + +@media screen and (max-width: 900px) { + .analytics-container { + overflow-x: auto; + padding: 1rem; + min-height: 450px; + } + + .chart-container { + height: calc(100% - 70px); + } + + .recharts-wrapper { + width: 90% !important; + height: 85% !important; + transform: scale(0.9); + } +} + +.chart-container { + position: relative; + width: 100%; + height: calc(100% - 50px); + padding: 0.5rem; + display: flex; + flex-direction: column; + align-items: center; +} + +.recharts-wrapper { + position: relative !important; + width: 100% !important; + height: 90% !important; + margin: 0 auto; + transform-origin: top center; + transform: scale(0.85); +} + +.recharts-responsive-container { + width: 100% !important; + height: 100% !important; + max-height: 250px !important; +} + +.chart-container h3 { + color: rgba(255, 255, 255, 0.87); + margin-bottom: 1.5rem; + font-size: 1.2rem; + font-family: Arial, Helvetica, sans-serif; +} + +/* Tooltip customization */ +.recharts-tooltip-wrapper .recharts-default-tooltip { + background-color: rgba(18, 18, 18, 0.95) !important; + border: 1px solid rgba(255, 255, 255, 0.1) !important; + border-radius: 4px; + padding: 0.5rem; +} + +.recharts-tooltip-item-list { + color: rgba(255, 255, 255, 0.87); +} + +/* Legend customization */ +.recharts-default-legend { + margin-top: 1rem !important; +} + +.recharts-legend-item-text { + color: rgba(255, 255, 255, 0.87) !important; +} + +/* Reset any transformations on the surface */ +.recharts-surface { + overflow: visible; + transform: none; +} + +/* Remove scaling from bars to fix alignment */ +.recharts-bar-rectangle { + transform: none; +} + +/* Adjust text positioning */ +.recharts-text { + font-size: 11px; +} + +.recharts-cartesian-axis-tick-value { + transform: translateY(3px); +} + +/* Ensure bars align with grid lines */ +.recharts-bar { + transform-origin: center; + shape-rendering: crispEdges; +} + +@media screen and (max-width: 768px) { + .analytics-container { + padding: 1rem; + min-height: 350px; + } +} diff --git a/dashboard.css b/dashboard.css new file mode 100644 index 000000000..1bb91deb6 --- /dev/null +++ b/dashboard.css @@ -0,0 +1,553 @@ +.dashboard-container { + background: #1A1A1A; + min-height: 100vh; + width: 100%; + /* position: fixed; */ + top: 0; + left: 0; + right: 0; + bottom: 0; + overflow-y: auto; + overflow-x: hidden; + display: flex; + flex-direction: column; + font-family: Arial, Helvetica, sans-serif; +} + +.dashboard-container.loading { + display: flex; + justify-content: center; + align-items: center; +} + +.loading-spinner { + color: #774EBD; + font-size: 1.2rem; +} + +.dashboard-header { + display: flex; + justify-content: space-between; + align-items: center; + padding: 1rem 2rem; + background: rgba(18, 18, 18, 0.95); + border-bottom: 1px solid rgba(255, 255, 255, 0.1); +} + +.logo { + font-size: 1.5rem; + font-weight: bold; + background: linear-gradient(90deg, #774EBD 0%, #372457 100%); + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; +} + +.dashboard-nav { + display: flex; + gap: 2rem; +} + +.dashboard-nav a { + color: rgba(255, 255, 255, 0.7); + text-decoration: none; + padding: 0.5rem 1rem; + transition: all 0.3s ease; +} + +.dashboard-nav a.active, +.dashboard-nav a:hover { + color: #774EBD; +} + +.dashboard-main { + display: flex; + height: calc(100vh - 80px); + overflow: hidden; +} + +.dashboard-content { + position: relative; + display: grid; + grid-template-columns: 2fr 1fr; /* Shortened width */ + /* gap: 2rem; */ + /* padding: 2rem; */ + overflow-y: auto; + background: #1A1A1A; + width: 1800px; + max-width: 200vw; /* Shortened width */ +} + +.dashboard-left { + display: flex; + flex-direction: column; + gap: 2rem; + height: 100%; + max-height: calc(100vh - 85px); + overflow-y: auto; +} + +.dashboard-right { + height: 100%; + max-height: calc(100vh - 85px); + /* padding-right: 0.5rem; */ + border-left: 1px solid rgba(255, 255, 255, 0.1); + overflow-y: auto; +} + +.chatbot-container { + height: 100%; + display: flex; + flex-direction: column; + background: rgba(18, 18, 18, 0.95); + border: 1px solid rgba(255, 255, 255, 0.1); + border-radius: 8px; +} + +.chatbot-header { + padding: 1rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.1); +} +.chatbot-header h3 { + + margin: 0; + color: rgba(255, 255, 255, 0.87); + font-size: 1.1rem; +} + +.chatbot-messages { + flex: 1; + overflow-y: auto; + padding: 1rem; + display: flex; + flex-direction: column; + gap: 0.5rem; +} + +.chatbot-messages .message { + padding: 0.8rem 1rem; + border-radius: 8px; + flex: 1; + overflow-y: auto; + padding: 1rem; + display: flex; + flex-direction: column; + gap: 0.5rem; +} + +.chatbot-messages .message { + padding: 0.8rem 1rem; + border-radius: 8px; + max-width: 85%; + color: white; /* Change message text color to white */ +} + +.chatbot-messages .user { + background: rgba(119, 78, 189, 0.1); + align-self: flex-end; + border-left: 3px solid #774EBD; +} + +.chatbot-messages .bot { + background: rgba(255, 255, 255, 0.05); + align-self: flex-start; + border-left: 3px solid #372457; +} + +.chatbot-input { + display: flex; + gap: 0.5rem; + padding: 1rem; + border-top: 1px solid rgba(255, 255, 255, 0.1); +} + +.chatbot-input input { + flex: 1; + padding: 0.8rem; + background: rgba(255, 255, 255, 0.05); + border: 1px solid rgba(255, 255, 255, 0.1); + border-radius: 4px; + color: white; + width: 570px; +} + +.chatbot-input button { + padding: 0.8rem 1.5rem; + background: linear-gradient(90deg, #774EBD 0%, #372457 100%); + color: white; + border: none; + border-radius: 4px; + cursor: pointer; +} + +.chatbot-input button:hover { + opacity: 0.9; +} +*/ + +.chatbot-container { + height: 100%; + max-height: 100%; + margin: 0; + padding: 0; + background: rgba(18, 18, 18, 0.95); + border-radius: 8px; + border: 1px solid rgba(255, 255, 255, 0.1); + display: flex; +} + +.chatbot-header { + padding: 1rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.1); +} + +.chatbot-messages { + flex: 1; + padding: 1rem; + overflow-y: auto; + scrollbar-width: thin; + scrollbar-color: #774EBD rgba(255, 255, 255, 0.1); +} + +.chatbot-messages::-webkit-scrollbar { + width: 6px; +} + +.chatbot-messages::-webkit-scrollbar-track { + background: rgba(0, 0, 0, 0.1); + border-radius: 3px; +} + +.chatbot-messages::-webkit-scrollbar-thumb { + background: linear-gradient(180deg, #774EBD 0%, #372457 100%); + border-radius: 3px; +} + +.message { + padding: 0.8rem 1rem; + border-radius: 8px; + margin-bottom: 1rem; + max-width: 80%; + color: white; /* Change message text color to white */ +} + +.message.bot { + background: rgba(119, 78, 189, 0.1); + border-left: 3px solid #774EBD; +} + +.chatbot-input { + display: flex; + padding: 1rem; + gap: 1rem; + border-top: 1px solid rgba(255, 255, 255, 0.1); +} + +.chatbot-input input { + flex: 1; + padding: 0.8rem; + border-radius: 4px; + background: rgba(255, 255, 255, 0.05); + border: 1px solid rgba(255, 255, 255, 0.1); + color: white; +} + +.chatbot-input button { + background: linear-gradient(90deg, #774EBD 0%, #372457 100%); + color: white; + border: none; + padding: 0.8rem 1.5rem; + border-radius: 4px; + cursor: pointer; +} + +@media (max-width: 768px) { + .dashboard-content { + grid-template-columns: 1fr; + padding: 1rem; + gap: 1rem; + } + + .dashboard-header { + padding: 1rem; + } + + .dashboard-nav { + display: none; + } + + .bottom-row { + grid-template-columns: 1fr; + } + + .dashboard-card, + .bottom-row-item { + height: 350px; + min-height: 300px; + } + + .dashboard-right { + height: 400px; + } +} + +.dashboard-card { + background: rgba(18, 18, 18, 0.95); + padding: 2rem; + border-radius: 8px; + border: 1px solid rgba(255, 255, 255, 0.1); + height: 450px; + min-height: 400px; + overflow: hidden; + display: flex; + flex-direction: column; +} + +.stats { + display: flex; + gap: 10px; + margin-top: 20px; +} + +.stat-item { + padding: 15px; + background: linear-gradient(90deg, #774EBD 0%, #372457 100%); + border-radius: 8px; + flex: 1; +} + +.logout-btn { + background: linear-gradient(90deg, #774EBD 0%, #372457 100%); + color: white; + border: none; + padding: 8px 16px; + border-radius: 4px; + cursor: pointer; +} + +.logout-confirm-overlay { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.8); + display: flex; + justify-content: center; + align-items: center; + z-index: 1000; +} + +.logout-confirm-modal { + background: #1A1A1A; + padding: 2rem; + border-radius: 8px; + border: 1px solid rgba(255, 255, 255, 0.1); + text-align: center; + max-width: 400px; + width: 90%; +} + +.logout-confirm-modal h3 { + margin-bottom: 1rem; + color: rgba(255, 255, 255, 0.87); +} + +.logout-confirm-buttons { + display: flex; + gap: 1rem; + justify-content: center; + margin-top: 2rem; +} + +.logout-confirm-buttons button { + padding: 0.8rem 1.5rem; + border-radius: 4px; + border: none; + cursor: pointer; + font-family: Arial, Helvetica, sans-serif; +} + +.logout-confirm-buttons button:first-child { + background: linear-gradient(90deg, #774EBD 0%, #372457 100%); + color: white; +} + +.logout-confirm-buttons button:last-child { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} + +@media screen and (max-width: 768px) { + .dashboard-content { + grid-template-columns: 1fr; + } + + .transaction-history { + max-width: 100%; + } +} + +@media (max-width: 1200px) { + .dashboard-content { + grid-template-columns: 1fr; + } +} + +.bottom-row { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 2rem; + height: auto; + min-height: 400px; + padding: 0; +} + +.bottom-row-item { + height: 100%; + min-height: 400px; + margin: 0; + overflow: hidden; +} + +@media (max-width: 1200px) { + .bottom-row { + grid-template-columns: 1fr; + } +} + +@media (max-width: 1400px) { + .dashboard-main { + flex-direction: column; + height: auto; + } + + .dashboard-content { + grid-template-columns: 1fr; + gap: 2rem; + height: auto; + min-height: calc(100vh - 80px); + overflow-y: auto; + overflow-x: hidden; + padding: 1rem; + } + + .dashboard-left { + height: auto; + max-height: none; + } + + .dashboard-card { + height: 400px; + } + + .bottom-row { + grid-template-columns: 1fr; + height: auto; + min-height: 350px; + width: 100%; + max-width: 100%; + gap: 2rem; + } + + .bottom-row-item { + height: 350px; + min-height: 350px; + } + + .dashboard-right { + position: relative; + height: 100%; + max-height: 100%; + margin-top: 1rem; + border-left: none; + border-top: 1px solid rgba(255, 255, 255, 0.1); + } + + .chatbot-container { + height: 100%; + position: relative; + } +} + +.split-pay-modal { + display: none; /* Hidden by default */ + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.8); + justify-content: center; + align-items: center; + z-index: 1000; +} + +.split-pay-modal.active { + display: flex; /* Show the modal when active */ +} + +.split-pay-container { + background: #191919; + padding: 20px; + border-radius: 8px; + color: white; + max-width: 800px; + width: 100%; + box-shadow: 0 2px 4px rgba(255, 255, 255, 0.1); +} + +.split-pay-header { + text-align: center; + margin-bottom: 20px; + color: #8662C2; +} + +.split-pay-card { + background: #191919; + padding: 20px; + border-radius: 8px; + color: white; + box-shadow: 0 2px 4px rgba(255, 255, 255, 0.1); + margin-bottom: 20px; +} + +.split-pay-form-group { + margin-bottom: 15px; +} + +.split-pay-form-group input, +.split-pay-form-group button { + padding: 10px; + width: 100%; + margin-bottom: 10px; + border: 1px solid #ddd; + border-radius: 4px; +} + +.split-pay-form-group button { + background: #8662C2; + color: #121212; + border: none; + cursor: pointer; + transition: background 0.3s; +} + +.split-pay-form-group button:hover { + background: #6739B7; +} + +.split-pay-transaction-list { + list-style: none; +} + +.split-pay-transaction-item { + padding: 10px; + border-bottom: 1px solid #121212; +} + +.split-pay-settlement-result { + background: #e8f4f8; + padding: 15px; + border-radius: 4px; +} \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 000000000..091f77c17 --- /dev/null +++ b/index.html @@ -0,0 +1,231 @@ + + + + + + FinTech FAQ Chatbot + + + +

FinBot

+
+
+ + +
+ + + + diff --git a/indexbotfile.html b/indexbotfile.html new file mode 100644 index 000000000..c231cd642 --- /dev/null +++ b/indexbotfile.html @@ -0,0 +1,231 @@ + + + + + + FinTech FAQ Chatbot + + + +

FinBot

+
+
+ + +
+ + + + \ No newline at end of file diff --git a/login.css b/login.css new file mode 100644 index 000000000..867f42362 --- /dev/null +++ b/login.css @@ -0,0 +1,56 @@ +.login-container { + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + background: #121212; +} + +.login-form { + background: #191919; + padding: 20px; + border-radius: 8px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); + width: 100%; + max-width: 400px; + color: white; +} + +.login-form h2 { + text-align: center; + margin-bottom: 20px; + color: #8662C2; +} + +.form-group { + margin-bottom: 15px; +} + +.form-group label { + display: block; + margin-bottom: 5px; +} + +.form-group input { + width: 100%; + padding: 10px; + border: 1px solid #ddd; + border-radius: 4px; + background: #232323; + color: white; +} + +button.login-button { + width: 100%; + padding: 12px 20px; /* Adjusted padding for appropriate size */ + background: #8662C2; + color: white; + border: none; + border-radius: 4px; + cursor: pointer; + transition: background 0.3s; +} + +button.login-button:hover { + background: #6739B7; +} diff --git a/loginButton.css b/loginButton.css new file mode 100644 index 000000000..491dd415b --- /dev/null +++ b/loginButton.css @@ -0,0 +1,21 @@ +.login-button { + background: linear-gradient(90deg, #774EBD 0%, #372457 100%); + color: white; + border: none; + padding: 10px 24px; + border-radius: 4px; + font-family: Arial, Helvetica, sans-serif; + font-size: 16px; + cursor: pointer; + transition: all 0.3s ease; + position: fixed; + top: 20px; + right: 40px; + z-index: 1000; + width:100px; +} + +.login-button:hover { + opacity: 0.9; + transform: translateY(-1px); +} \ No newline at end of file diff --git a/loginModal.css b/loginModal.css new file mode 100644 index 000000000..4a2a592da --- /dev/null +++ b/loginModal.css @@ -0,0 +1,95 @@ +.modal-overlay { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.8); + display: flex; + justify-content: center; + align-items: center; + z-index: 1001; +} + +.modal-content { + background: #1A1A1A; + padding: 2rem; + border-radius: 8px; + width: 100%; + max-width: 400px; + position: relative; + border: 1px solid rgba(255, 255, 255, 0.1); + font-family: Arial, Helvetica, sans-serif; +} + +.close-button { + top: 10px; + position: sticky; + right: 10px; + background: none; + border: none; + color: rgba(255, 255, 255, 0.87); + font-size: 24px; + cursor: pointer; +} + +.login-form { + display: flex; + flex-direction: column; + gap: 1rem; + margin: 1.5rem 0; +} + +.login-form input { + padding: 12px; + border-radius: 4px; + background: rgba(255, 255, 255, 0.05); + border: 1px solid rgba(255, 255, 255, 0.1); + color: white; + font-size: 16px; + font-family: Arial, Helvetica, sans-serif; +} + +.login-form input:focus { + outline: none; + border-color: #774EBD; +} + +.login-form button { + background: linear-gradient(90deg, #774EBD 0%, #372457 100%); + color: white; + padding: 12px; + border: none; + border-radius: 4px; + cursor: pointer; + font-size: 16px; + transition: opacity 0.3s; + font-family: Arial, Helvetica, sans-serif; +} + +.login-footer { + display: flex; + justify-content: space-between; + margin-top: 1rem; +} + +.login-footer a { + color: #774EBD; + text-decoration: none; + font-size: 14px; + font-family: Arial, Helvetica, sans-serif; +} + +h2 { + color: rgba(255, 255, 255, 0.87); + text-align: center; + margin-bottom: 1rem; + font-family: Arial, Helvetica, sans-serif; +} + +.error-message { + color: #ff6b6b; + text-align: center; + margin-bottom: 1rem; + font-size: 14px; +} \ No newline at end of file diff --git a/main.jsx b/main.jsx new file mode 100644 index 000000000..b52fcaba4 --- /dev/null +++ b/main.jsx @@ -0,0 +1,28 @@ +import React from 'react' +import ReactDOM from 'react-dom/client' +import { BrowserRouter as Router, Routes, Route, Navigate } from 'react-router-dom' +import MainPage from './mainpage.jsx' +import Dashboard from './components/Dashboard.jsx' +import Navbar from './navbar.jsx' +import './mainpagestyle.css' + +const ProtectedRoute = ({ children }) => { + const isAuthenticated = localStorage.getItem('isAuthenticated') === 'true'; + return isAuthenticated ? children : ; +}; + +ReactDOM.createRoot(document.getElementById('root')).render( + + + + } /> + + + + } /> + + + , +) + diff --git a/mainpage.jsx b/mainpage.jsx new file mode 100644 index 000000000..27ef19995 --- /dev/null +++ b/mainpage.jsx @@ -0,0 +1,32 @@ +import React from 'react'; +import './mainpagestyle.css'; +import StateDropdown from './components/StateDropdown'; +import LoginButton from './components/LoginButton'; +//import AnalyticsChart from './components/Analytics'; +import AnalyticsChart from 'C:\\Users\\aadva\\fintechai\\src\\Analitics.jsx'; + +function MainPage() { + return ( + <> + +
+ + +
+ +
+
+
Finura
+
"Empowering users with AI-driven financial insights and
seamless support through a smart, user-friendly fintech
dashboard."
+
+ +
+

Welcome to the Future

+

Explore our services and products that help you to further explore
banking and your financial health wisly
and effiecently

+
+
+ + ); +} + +export default MainPage; diff --git a/mainpagestyle.css b/mainpagestyle.css new file mode 100644 index 000000000..815848e1b --- /dev/null +++ b/mainpagestyle.css @@ -0,0 +1,174 @@ +@font-face { + font-family: 'Gilroy-Bold'; + src: local('Gilroy-Bold'), url(./fonts/Gilroy-Bold.ttf) format('truetype'); + } + + @font-face { + font-family: 'Gilroy-Medium'; + src: local('Gilroy-Medium'), url(./fonts/Gilroy-Medium.ttf) format('truetype'); + } + + @font-face { + font-family: 'Gilroy-Light'; + src: local('Gilroy-Light'), url(./fonts/Gilroy-Light.ttf) format('truetype'); + } + +h1 { + color: #333; + font-size: 2.5rem; +} + +h2 { + color: #666; + font-size: 1.8rem; +} + +body { + background: #1A1A1A; + margin: 0; + padding: 0; +} + +html, body { + overflow-x: hidden; + scrollbar-width: thin; + scrollbar-color: #774EBD rgba(255, 255, 255, 0.1); +} + +.state-dropdown{ + margin-top: 35.74px; + margin-left: 1166.26px; + margin-right: 314px; +} + +.page-container { + height: 100vh; + overflow-y: auto; + position: relative; + max-width: 100vw; + overflow-x: hidden; +} + +.section { + min-height: 100vh; + width: 100%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + position: relative; +} + +.section-two { + background: #1A1A1A; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + padding: 2rem; +} + +.section-two h1 { + color: rgba(255, 255, 255, 0.87); + font-family:Arial, Helvetica, sans-serif; + font-size: 64px; + margin-bottom: 2rem; +} + +.Mainheading { + text-align: center; + font-family:Arial, Helvetica, sans-serif; + font-size: 250.821px; + font-style: normal; + font-weight: 400; + color: transparent; + line-height: normal; + background: linear-gradient(90deg, #774EBD 0%, #372457 100%); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + margin-top: 1rem; + margin-left: 496px; + margin-right: 495.65px; +} + +.smallpara{ + color: #FFF; + text-align: center; + font-family:Arial, Helvetica, sans-serif; + font-size: 36px; + font-style: normal; + font-weight: 300; + line-height: normal; + margin-top: 10px; + +} + +.top-controls { + position: fixed; + top: 0; + left: 0; + right: 0; + padding: 20px; + z-index: 1000; + display:flexbox; + justify-content: space-between; + align-items: center; +} + +@media screen and (max-width: 1200px) { + .Mainheading { + font-size: 180px; + margin: 150px 20px; + } + + .smallpara { + font-size: 28px; + margin: 20px; + } +} + +@media screen and (max-width: 768px) { + body { + margin-left: 0; + } + + .Mainheading { + font-size: 120px; + margin: 100px 15px; + } + + .smallpara { + font-size: 24px; + } +} + +@media screen and (max-width: 480px) { + .Mainheading { + font-size: 80px; + margin: 80px 10px; + } + + .smallpara { + font-size: 20px; + } +} + +/* Custom scrollbar for Chrome/Safari/Opera */ +::-webkit-scrollbar { + width: 8px; +} + +::-webkit-scrollbar-track { + background: rgba(255, 255, 255, 0.1); + border-radius: 4px; +} + +::-webkit-scrollbar-thumb { + background: linear-gradient(180deg, #774EBD 0%, #372457 100%); + border-radius: 4px; +} + +::-webkit-scrollbar-thumb:hover { + background: linear-gradient(180deg, #8b5ed4 0%, #4c2f77 100%); +} \ No newline at end of file diff --git a/navbar.css b/navbar.css new file mode 100644 index 000000000..ed3af5a70 --- /dev/null +++ b/navbar.css @@ -0,0 +1,215 @@ +.navbar { + background:rgba(18, 18, 18, 1); + position: fixed; + left: 0; + top: 0; + width: 287.713px; + height: 965px; + flex-shrink: 0; + display: flex; + flex-direction: column; + padding: 3rem 0; + border-right: 1px solid rgba(255, 255, 255, 0.1); + box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1); + font-family: Arial, Helvetica, sans-serif; +} + +.navbar-brand { + color: rgba(255, 255, 255, 0.87); + font-size: 25px; + font-weight: bold; + font-family: Arial, Helvetica, sans-serif; + margin-bottom: 4rem; + padding: 25px 35px; + text-align: left; +} + +.nav-links { + display: flex; + flex-direction: column; + gap: 2rem; + margin-top: 30px; + padding: 0 35px; +} + +.navbar a { + color: rgba(255, 255, 255, 0.87); + font-family: Arial, Helvetica, sans-serif; + font-size: 18px; + font-style: normal; + font-weight: 400; + line-height: normal; + padding: 15px 0; + position: relative; + transition: all 0.3s ease; + text-decoration: none; +} + +.navbar a:hover { + color: rgb(119, 78, 189); + background-color: rgba(255, 255, 255, 0.05); + padding-left: 15px; +} + +.burger { + z-index: 4; + position: fixed; + top: 0; + left: 0; + width: 72px; + height: 72px; + display: flex; + justify-content: center; + align-items: center; /* Center the burger icon properly */ + cursor: pointer; + opacity: 0.8; + transition: 0.3s; +} + +.burger:hover { + opacity: 1; +} + +.burger input { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + cursor: pointer; + opacity: 0; + z-index: 2; +} + +.burger-icon, +.burger-icon::before, +.burger-icon::after { + display: block; + border-radius: 2px; + height: 2px; + background: rgba(255, 255, 255, 0.87); + transition: 0.5s; +} + +.burger-icon { + position: relative; + width: 32px; + height: 2px; /* Add explicit height */ + z-index: 1; +} + +.burger-icon::before, +.burger-icon::after { + content: ''; + position: absolute; + left: 0; + width: 100%; +} + +.burger-icon::before { top: -8px; } +.burger-icon::after { top: 8px; } + +.burger input:checked + .burger-icon::before { + transform: rotate(-45deg) translate(-4px, 4px); + background: rgb(119, 78, 189); +} + +.burger input:checked + .burger-icon { + background: transparent; +} + +.burger input:checked + .burger-icon::after { + transform: rotate(45deg) translate(-4px, -4px); + background: rgb(119, 78, 189); +} + +.menu { + z-index: 3; + position: fixed; + top: 0; + left: 0; + height: 100vh; + width: 300px; + background: rgba(18, 18, 18, 0.98); + translate: -100% 0; + opacity: 0; + visibility: hidden; + transition: 0.4s; + display: flex; + align-items: flex-start; + padding-top: 100px; + font-family: Arial, Helvetica, sans-serif; +} + +.menu.active { + opacity: 1; + visibility: visible; + translate: 0; +} + +.nav-links a { + color: rgba(255, 255, 255, 0.87); + font-family: Arial, Helvetica, sans-serif; + font-size: 24px; + text-decoration: none; + transition: 0.4s; + padding: 8px 24px; +} + +.nav-links a:hover { + color: rgb(119, 78, 189); + padding-left: 32px; +} + +.background { + z-index: 1; + position: fixed; + inset: 0; + background: rgba(18, 18, 18, 0.5); + opacity: 0; + visibility: hidden; + transition: 0.4s; +} + +.background.active { + opacity: 1; + visibility: visible; +} + +@media screen and (max-width: 768px) { + .navbar { + width: 100%; + height: auto; + padding: 1rem 0; + } + + .menu { + width: 250px; + } + + .nav-links { + width: 100%; + text-align: center; + } + + .nav-links a { + padding: 15px; + font-size: 20px; + } + + .burger { + width: 60px; + height: 60px; + } +} + +@media screen and (max-width: 480px) { + .nav-links a { + font-size: 18px; + padding: 12px; + } + + .menu { + width: 200px; + } +} diff --git a/navbar.jsx b/navbar.jsx new file mode 100644 index 000000000..295aef367 --- /dev/null +++ b/navbar.jsx @@ -0,0 +1,31 @@ +import React, { useState } from "react"; +import './styles/navbar.css'; + +function Navbar() { + const [isOpen, setIsOpen] = useState(false); + + const toggleMenu = () => { + setIsOpen(!isOpen); + document.body.classList.toggle("open"); + }; + + return ( + <> +
+ + + + ); +} + +export default Navbar; diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 000000000..97631bc7e --- /dev/null +++ b/package-lock.json @@ -0,0 +1,980 @@ +{ + "name": "fintech-chatbot", + "version": "1.0.0", + "lockfileVersion": 3, + "requires": true, + "packages": { + "": { + "name": "fintech-chatbot", + "version": "1.0.0", + "dependencies": { + "express": "^4.18.2", + "mongodb": "^6.14.2" + } + }, + "node_modules/@mongodb-js/saslprep": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@mongodb-js/saslprep/-/saslprep-1.2.0.tgz", + "integrity": "sha512-+ywrb0AqkfaYuhHs6LxKWgqbh3I72EpEgESCw37o+9qPx9WTCkgDm2B+eMrwehGtHBWHFU4GXvnSCNiFhhausg==", + "license": "MIT", + "dependencies": { + "sparse-bitfield": "^3.0.3" + } + }, + "node_modules/@types/webidl-conversions": { + "version": "7.0.3", + "resolved": "https://registry.npmjs.org/@types/webidl-conversions/-/webidl-conversions-7.0.3.tgz", + "integrity": "sha512-CiJJvcRtIgzadHCYXw7dqEnMNRjhGZlYK05Mj9OyktqV8uVT8fD2BFOB7S1uwBE3Kj2Z+4UyPmFw/Ixgw/LAlA==", + "license": "MIT" + }, + "node_modules/@types/whatwg-url": { + "version": "11.0.5", + "resolved": "https://registry.npmjs.org/@types/whatwg-url/-/whatwg-url-11.0.5.tgz", + "integrity": "sha512-coYR071JRaHa+xoEvvYqvnIHaVqaYrLPbsufM9BF63HkwI5Lgmy2QR8Q5K/lYDYo5AK82wOvSOS0UsLTpTG7uQ==", + "license": "MIT", + "dependencies": { + "@types/webidl-conversions": "*" + } + }, + "node_modules/accepts": { + "version": "1.3.8", + "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz", + "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==", + "license": "MIT", + "dependencies": { + "mime-types": "~2.1.34", + "negotiator": "0.6.3" + }, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/array-flatten": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz", + "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==", + "license": "MIT" + }, + "node_modules/body-parser": { + "version": "1.20.3", + "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.3.tgz", + "integrity": "sha512-7rAxByjUMqQ3/bHJy7D6OGXvx/MMc4IqBn/X0fcM1QUcAItpZrBEYhWGem+tzXH90c+G01ypMcYJBO9Y30203g==", + "license": "MIT", + "dependencies": { + "bytes": "3.1.2", + "content-type": "~1.0.5", + "debug": "2.6.9", + "depd": "2.0.0", + "destroy": "1.2.0", + "http-errors": "2.0.0", + "iconv-lite": "0.4.24", + "on-finished": "2.4.1", + "qs": "6.13.0", + "raw-body": "2.5.2", + "type-is": "~1.6.18", + "unpipe": "1.0.0" + }, + "engines": { + "node": ">= 0.8", + "npm": "1.2.8000 || >= 1.4.16" + } + }, + "node_modules/bson": { + "version": "6.10.3", + "resolved": "https://registry.npmjs.org/bson/-/bson-6.10.3.tgz", + "integrity": "sha512-MTxGsqgYTwfshYWTRdmZRC+M7FnG1b4y7RO7p2k3X24Wq0yv1m77Wsj0BzlPzd/IowgESfsruQCUToa7vbOpPQ==", + "license": "Apache-2.0", + "engines": { + "node": ">=16.20.1" + } + }, + "node_modules/bytes": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz", + "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==", + "license": "MIT", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/call-bind-apply-helpers": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz", + "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==", + "license": "MIT", + "dependencies": { + "es-errors": "^1.3.0", + "function-bind": "^1.1.2" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/call-bound": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz", + "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==", + "license": "MIT", + "dependencies": { + "call-bind-apply-helpers": "^1.0.2", + "get-intrinsic": "^1.3.0" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/content-disposition": { + "version": "0.5.4", + "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz", + "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==", + "license": "MIT", + "dependencies": { + "safe-buffer": "5.2.1" + }, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/content-type": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz", + "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==", + "license": "MIT", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/cookie": { + "version": "0.7.1", + "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.1.tgz", + "integrity": "sha512-6DnInpx7SJ2AK3+CTUE/ZM0vWTUboZCegxhC2xiIydHR9jNuTAASBrfEpHhiGOZw/nX51bHt6YQl8jsGo4y/0w==", + "license": "MIT", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/cookie-signature": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz", + "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==", + "license": "MIT" + }, + "node_modules/debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "license": "MIT", + "dependencies": { + "ms": "2.0.0" + } + }, + "node_modules/depd": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz", + "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==", + "license": "MIT", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/destroy": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz", + "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==", + "license": "MIT", + "engines": { + "node": ">= 0.8", + "npm": "1.2.8000 || >= 1.4.16" + } + }, + "node_modules/dunder-proto": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz", + "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==", + "license": "MIT", + "dependencies": { + "call-bind-apply-helpers": "^1.0.1", + "es-errors": "^1.3.0", + "gopd": "^1.2.0" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/ee-first": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz", + "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==", + "license": "MIT" + }, + "node_modules/encodeurl": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz", + "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==", + "license": "MIT", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/es-define-property": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz", + "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==", + "license": "MIT", + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/es-errors": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz", + "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==", + "license": "MIT", + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/es-object-atoms": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz", + "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==", + "license": "MIT", + "dependencies": { + "es-errors": "^1.3.0" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/escape-html": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz", + "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==", + "license": "MIT" + }, + "node_modules/etag": { + "version": "1.8.1", + "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz", + "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==", + "license": "MIT", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/express": { + "version": "4.21.2", + "resolved": "https://registry.npmjs.org/express/-/express-4.21.2.tgz", + "integrity": "sha512-28HqgMZAmih1Czt9ny7qr6ek2qddF4FclbMzwhCREB6OFfH+rXAnuNCwo1/wFvrtbgsQDb4kSbX9de9lFbrXnA==", + "license": "MIT", + "dependencies": { + "accepts": "~1.3.8", + "array-flatten": "1.1.1", + "body-parser": "1.20.3", + "content-disposition": "0.5.4", + "content-type": "~1.0.4", + "cookie": "0.7.1", + "cookie-signature": "1.0.6", + "debug": "2.6.9", + "depd": "2.0.0", + "encodeurl": "~2.0.0", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "finalhandler": "1.3.1", + "fresh": "0.5.2", + "http-errors": "2.0.0", + "merge-descriptors": "1.0.3", + "methods": "~1.1.2", + "on-finished": "2.4.1", + "parseurl": "~1.3.3", + "path-to-regexp": "0.1.12", + "proxy-addr": "~2.0.7", + "qs": "6.13.0", + "range-parser": "~1.2.1", + "safe-buffer": "5.2.1", + "send": "0.19.0", + "serve-static": "1.16.2", + "setprototypeof": "1.2.0", + "statuses": "2.0.1", + "type-is": "~1.6.18", + "utils-merge": "1.0.1", + "vary": "~1.1.2" + }, + "engines": { + "node": ">= 0.10.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/express" + } + }, + "node_modules/finalhandler": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.1.tgz", + "integrity": "sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==", + "license": "MIT", + "dependencies": { + "debug": "2.6.9", + "encodeurl": "~2.0.0", + "escape-html": "~1.0.3", + "on-finished": "2.4.1", + "parseurl": "~1.3.3", + "statuses": "2.0.1", + "unpipe": "~1.0.0" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/forwarded": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz", + "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==", + "license": "MIT", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/fresh": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz", + "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==", + "license": "MIT", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/function-bind": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz", + "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==", + "license": "MIT", + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/get-intrinsic": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz", + "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==", + "license": "MIT", + "dependencies": { + "call-bind-apply-helpers": "^1.0.2", + "es-define-property": "^1.0.1", + "es-errors": "^1.3.0", + "es-object-atoms": "^1.1.1", + "function-bind": "^1.1.2", + "get-proto": "^1.0.1", + "gopd": "^1.2.0", + "has-symbols": "^1.1.0", + "hasown": "^2.0.2", + "math-intrinsics": "^1.1.0" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/get-proto": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz", + "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==", + "license": "MIT", + "dependencies": { + "dunder-proto": "^1.0.1", + "es-object-atoms": "^1.0.0" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/gopd": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz", + "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==", + "license": "MIT", + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/has-symbols": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz", + "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==", + "license": "MIT", + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/hasown": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz", + "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==", + "license": "MIT", + "dependencies": { + "function-bind": "^1.1.2" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/http-errors": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz", + "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==", + "license": "MIT", + "dependencies": { + "depd": "2.0.0", + "inherits": "2.0.4", + "setprototypeof": "1.2.0", + "statuses": "2.0.1", + "toidentifier": "1.0.1" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/iconv-lite": { + "version": "0.4.24", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz", + "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==", + "license": "MIT", + "dependencies": { + "safer-buffer": ">= 2.1.2 < 3" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/inherits": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", + "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==", + "license": "ISC" + }, + "node_modules/ipaddr.js": { + "version": "1.9.1", + "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz", + "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==", + "license": "MIT", + "engines": { + "node": ">= 0.10" + } + }, + "node_modules/math-intrinsics": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz", + "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==", + "license": "MIT", + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/media-typer": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz", + "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==", + "license": "MIT", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/memory-pager": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/memory-pager/-/memory-pager-1.5.0.tgz", + "integrity": "sha512-ZS4Bp4r/Zoeq6+NLJpP+0Zzm0pR8whtGPf1XExKLJBAczGMnSi3It14OiNCStjQjM6NU1okjQGSxgEZN8eBYKg==", + "license": "MIT" + }, + "node_modules/merge-descriptors": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz", + "integrity": "sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==", + "license": "MIT", + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/methods": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz", + "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==", + "license": "MIT", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/mime": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz", + "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==", + "license": "MIT", + "bin": { + "mime": "cli.js" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/mime-db": { + "version": "1.52.0", + "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz", + "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==", + "license": "MIT", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/mime-types": { + "version": "2.1.35", + "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz", + "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==", + "license": "MIT", + "dependencies": { + "mime-db": "1.52.0" + }, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/mongodb": { + "version": "6.14.2", + "resolved": "https://registry.npmjs.org/mongodb/-/mongodb-6.14.2.tgz", + "integrity": "sha512-kMEHNo0F3P6QKDq17zcDuPeaywK/YaJVCEQRzPF3TOM/Bl9MFg64YE5Tu7ifj37qZJMhwU1tl2Ioivws5gRG5Q==", + "license": "Apache-2.0", + "dependencies": { + "@mongodb-js/saslprep": "^1.1.9", + "bson": "^6.10.3", + "mongodb-connection-string-url": "^3.0.0" + }, + "engines": { + "node": ">=16.20.1" + }, + "peerDependencies": { + "@aws-sdk/credential-providers": "^3.188.0", + "@mongodb-js/zstd": "^1.1.0 || ^2.0.0", + "gcp-metadata": "^5.2.0", + "kerberos": "^2.0.1", + "mongodb-client-encryption": ">=6.0.0 <7", + "snappy": "^7.2.2", + "socks": "^2.7.1" + }, + "peerDependenciesMeta": { + "@aws-sdk/credential-providers": { + "optional": true + }, + "@mongodb-js/zstd": { + "optional": true + }, + "gcp-metadata": { + "optional": true + }, + "kerberos": { + "optional": true + }, + "mongodb-client-encryption": { + "optional": true + }, + "snappy": { + "optional": true + }, + "socks": { + "optional": true + } + } + }, + "node_modules/mongodb-connection-string-url": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/mongodb-connection-string-url/-/mongodb-connection-string-url-3.0.2.tgz", + "integrity": "sha512-rMO7CGo/9BFwyZABcKAWL8UJwH/Kc2x0g72uhDWzG48URRax5TCIcJ7Rc3RZqffZzO/Gwff/jyKwCU9TN8gehA==", + "license": "Apache-2.0", + "dependencies": { + "@types/whatwg-url": "^11.0.2", + "whatwg-url": "^14.1.0 || ^13.0.0" + } + }, + "node_modules/ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", + "license": "MIT" + }, + "node_modules/negotiator": { + "version": "0.6.3", + "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz", + "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==", + "license": "MIT", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/object-inspect": { + "version": "1.13.4", + "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz", + "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==", + "license": "MIT", + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/on-finished": { + "version": "2.4.1", + "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz", + "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==", + "license": "MIT", + "dependencies": { + "ee-first": "1.1.1" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/parseurl": { + "version": "1.3.3", + "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz", + "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==", + "license": "MIT", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/path-to-regexp": { + "version": "0.1.12", + "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.12.tgz", + "integrity": "sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==", + "license": "MIT" + }, + "node_modules/proxy-addr": { + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz", + "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==", + "license": "MIT", + "dependencies": { + "forwarded": "0.2.0", + "ipaddr.js": "1.9.1" + }, + "engines": { + "node": ">= 0.10" + } + }, + "node_modules/punycode": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz", + "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==", + "license": "MIT", + "engines": { + "node": ">=6" + } + }, + "node_modules/qs": { + "version": "6.13.0", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.13.0.tgz", + "integrity": "sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==", + "license": "BSD-3-Clause", + "dependencies": { + "side-channel": "^1.0.6" + }, + "engines": { + "node": ">=0.6" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/range-parser": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz", + "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==", + "license": "MIT", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/raw-body": { + "version": "2.5.2", + "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.2.tgz", + "integrity": "sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==", + "license": "MIT", + "dependencies": { + "bytes": "3.1.2", + "http-errors": "2.0.0", + "iconv-lite": "0.4.24", + "unpipe": "1.0.0" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/safe-buffer": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz", + "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ], + "license": "MIT" + }, + "node_modules/safer-buffer": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", + "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==", + "license": "MIT" + }, + "node_modules/send": { + "version": "0.19.0", + "resolved": "https://registry.npmjs.org/send/-/send-0.19.0.tgz", + "integrity": "sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==", + "license": "MIT", + "dependencies": { + "debug": "2.6.9", + "depd": "2.0.0", + "destroy": "1.2.0", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "fresh": "0.5.2", + "http-errors": "2.0.0", + "mime": "1.6.0", + "ms": "2.1.3", + "on-finished": "2.4.1", + "range-parser": "~1.2.1", + "statuses": "2.0.1" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/send/node_modules/encodeurl": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", + "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==", + "license": "MIT", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/send/node_modules/ms": { + "version": "2.1.3", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz", + "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==", + "license": "MIT" + }, + "node_modules/serve-static": { + "version": "1.16.2", + "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.2.tgz", + "integrity": "sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==", + "license": "MIT", + "dependencies": { + "encodeurl": "~2.0.0", + "escape-html": "~1.0.3", + "parseurl": "~1.3.3", + "send": "0.19.0" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/setprototypeof": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz", + "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==", + "license": "ISC" + }, + "node_modules/side-channel": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz", + "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==", + "license": "MIT", + "dependencies": { + "es-errors": "^1.3.0", + "object-inspect": "^1.13.3", + "side-channel-list": "^1.0.0", + "side-channel-map": "^1.0.1", + "side-channel-weakmap": "^1.0.2" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/side-channel-list": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz", + "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==", + "license": "MIT", + "dependencies": { + "es-errors": "^1.3.0", + "object-inspect": "^1.13.3" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/side-channel-map": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz", + "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==", + "license": "MIT", + "dependencies": { + "call-bound": "^1.0.2", + "es-errors": "^1.3.0", + "get-intrinsic": "^1.2.5", + "object-inspect": "^1.13.3" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/side-channel-weakmap": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz", + "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==", + "license": "MIT", + "dependencies": { + "call-bound": "^1.0.2", + "es-errors": "^1.3.0", + "get-intrinsic": "^1.2.5", + "object-inspect": "^1.13.3", + "side-channel-map": "^1.0.1" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/sparse-bitfield": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/sparse-bitfield/-/sparse-bitfield-3.0.3.tgz", + "integrity": "sha512-kvzhi7vqKTfkh0PZU+2D2PIllw2ymqJKujUcyPMd9Y75Nv4nPbGJZXNhxsgdQab2BmlDct1YnfQCguEvHr7VsQ==", + "license": "MIT", + "dependencies": { + "memory-pager": "^1.0.2" + } + }, + "node_modules/statuses": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz", + "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==", + "license": "MIT", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/toidentifier": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz", + "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==", + "license": "MIT", + "engines": { + "node": ">=0.6" + } + }, + "node_modules/tr46": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/tr46/-/tr46-5.0.0.tgz", + "integrity": "sha512-tk2G5R2KRwBd+ZN0zaEXpmzdKyOYksXwywulIX95MBODjSzMIuQnQ3m8JxgbhnL1LeVo7lqQKsYa1O3Htl7K5g==", + "license": "MIT", + "dependencies": { + "punycode": "^2.3.1" + }, + "engines": { + "node": ">=18" + } + }, + "node_modules/type-is": { + "version": "1.6.18", + "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz", + "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==", + "license": "MIT", + "dependencies": { + "media-typer": "0.3.0", + "mime-types": "~2.1.24" + }, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/unpipe": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz", + "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==", + "license": "MIT", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/utils-merge": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz", + "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==", + "license": "MIT", + "engines": { + "node": ">= 0.4.0" + } + }, + "node_modules/vary": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz", + "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==", + "license": "MIT", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/webidl-conversions": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz", + "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==", + "license": "BSD-2-Clause", + "engines": { + "node": ">=12" + } + }, + "node_modules/whatwg-url": { + "version": "14.1.1", + "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-14.1.1.tgz", + "integrity": "sha512-mDGf9diDad/giZ/Sm9Xi2YcyzaFpbdLpJPr+E9fSkyQ7KpQD4SdFcugkRQYzhmfI4KeV4Qpnn2sKPdo+kmsgRQ==", + "license": "MIT", + "dependencies": { + "tr46": "^5.0.0", + "webidl-conversions": "^7.0.0" + }, + "engines": { + "node": ">=18" + } + } + } +} diff --git a/package.json b/package.json new file mode 100644 index 000000000..d0f731771 --- /dev/null +++ b/package.json @@ -0,0 +1,12 @@ +{ + "name": "fintech-chatbot", + "version": "1.0.0", + "main": "server.js", + "scripts": { + "start": "node server.js" + }, + "dependencies": { + "express": "^4.18.2", + "mongodb": "^6.14.2" + } +} diff --git a/server.js b/server.js new file mode 100644 index 000000000..07988808c --- /dev/null +++ b/server.js @@ -0,0 +1,383 @@ +// server.js +const express = require('express'); +const app = express(); +const port = 3000; + +// Import the transaction data +const { transactionData } = require('./transaction.js'); + +// Configuration +const API_TOKEN = "Your Hugging Face token"; // Your Hugging Face token +const API_URL = "https://api-inference.huggingface.co/models/mistralai/Mixtral-8x7B-Instruct-v0.1"; +const headers = { + "Authorization": `Bearer ${API_TOKEN}`, + "Content-Type": "application/json" +}; + +// Basic FAQ database +const faqDatabase = { + "what is a stock": "A stock represents ownership in a company. When you buy a stock, you own a small piece of that company.", + "how do i invest": "To invest, you typically need to open a brokerage account, deposit funds, and then choose investments like stocks, bonds, or mutual funds.", + "what is interest": "Interest is the cost of borrowing money or the return earned on savings/investments, usually expressed as a percentage." +}; + +// Hardcoded exchange rates (for demo purposes; replace with API in production) +const exchangeRates = { + "aed": { "inr": 23.6569 }, // 1 UAE Dirham to Indian Rupee (approx. March 8, 2025) + "usd": { "inr": 83.50 }, // 1 US Dollar to Indian Rupee + "inr": { "aed": 0.04227 } // 1 Indian Rupee to UAE Dirham +}; + +// Middleware +app.use(express.json()); +app.use(express.static('public')); + +// Helper function for FAQ checking +function checkFAQ(message) { + const lowerMessage = message.toLowerCase().trim(); + return faqDatabase[lowerMessage] || null; +} + +// Function to convert **text** to text +function formatBoldText(text) { + return text.replace(/\*\*(.*?)\*\*/g, '$1'); +} + +// Helper function to check if the question is finance-related +function isFinanceRelated(message) { + const lowerMessage = message.toLowerCase().trim(); + const financeKeywords = [ + 'stock', 'invest', 'interest', 'finance', 'money', 'budget', 'savings', 'retirement', + 'bank', 'loan', 'credit', 'debt', 'fund', 'bond', 'mutual', 'portfolio', 'economy', + 'financial', 'wealth', 'trade', 'trading', 'currency', 'tax', 'insurance', 'mortgage', + 'dividend', 'equity', 'crypto', 'cryptocurrency', 'market', 'capital', 'asset', 'liability', + 'dirham', 'dharam', 'dh', 'dhs', 'aed', 'rupee', 'rupies', 'inr', 'dollar', 'usd', + 'exchange', 'rate', 'convert', 'fixed', 'deposit', 'account', 'return', 'principal', 'transactions', + 'spent', 'lost', 'expense', 'outcome', 'income' + ]; + return financeKeywords.some(keyword => lowerMessage.includes(keyword)); +} + +// Helper function to handle currency conversion +function handleCurrencyConversion(message) { + const lowerMessage = message.toLowerCase().trim(); + const conversionPattern = /(?:how much is|what is|convert)\s*(\d*\.?\d*)\s*(dirham|dharam|dh|dhs|aed|dollar|usd|rupee|rupies|inr)\s*(in|to|into)?\s*(dirham|dharam|dh|dhs|aed|dollar|usd|rupee|rupies|inr)/i; + const match = lowerMessage.match(conversionPattern); + + if (match) { + const amount = parseFloat(match[1]) || 1; + let fromCurrency = match[2].toLowerCase() + .replace(/dharam|dh|dhs/, 'aed') + .replace(/dollar/, 'usd') + .replace(/rupies|rupee/, 'inr'); + let toCurrency = match[4].toLowerCase() + .replace(/dharam|dh|dhs/, 'aed') + .replace(/dollar/, 'usd') + .replace(/rupies|rupee/, 'inr'); + + const fromRate = exchangeRates[fromCurrency]; + if (fromRate && fromRate[toCurrency]) { + const rate = fromRate[toCurrency]; + const convertedAmount = amount * rate; + return `FinBot: ${amount} ${fromCurrency.toUpperCase()} is approximately ${convertedAmount.toFixed(2)} ${toCurrency.toUpperCase()} based on current exchange rates.`; + } else { + return "FinBot: Sorry, I don't have the exchange rate for that currency pair."; + } + } + return null; +} + +// Helper function to handle transaction data queries +function handleTransactionQuery(message) { + const lowerMessage = message.toLowerCase().trim(); + + // Monthly summary regex patterns + const monthlySummaryPattern = /(total|sum|summary).*(income|expense|outcome|transaction).*(september|october|november|december|sept|oct|nov|dec)/i; + const monthIncomePattern = /(income).*(september|october|november|december|sept|oct|nov|dec)/i; + const monthExpensePattern = /(expense|outcome).*(september|october|november|december|sept|oct|nov|dec)/i; + + // Overall summary patterns + const totalIncomePattern = /(total|sum).*(income)/i; + const totalExpensePattern = /(total|sum).*(expense|outcome)/i; + const balancePattern = /(balance|net|difference|profit|loss)/i; + + // Last month spending/lost pattern + const lastMonthSpentPattern = /how much have i (?:totally|total) (?:spent|lost) (?:in|for|during) the last month/i; + + // Transaction category patterns + const categoryPattern = /(job|freelance|consulting|rental|project|commission|bonus|subscription|pet|gift|utility|dining|shopping|holiday|new year|celebration)/i; + + // Extract month from query if present + function extractMonth(msg) { + const today = new Date('2025-03-08'); // Current date + const lastMonth = new Date(today.setMonth(today.getMonth() - 1)); + const lastMonthStr = lastMonth.toISOString().slice(0, 7); // e.g., "2025-02" + + if (msg.includes('september') || msg.includes('sept')) return '2024-09'; + if (msg.includes('october') || msg.includes('oct')) return '2024-10'; + if (msg.includes('november') || msg.includes('nov')) return '2024-11'; + if (msg.includes('december') || msg.includes('dec')) return '2024-12'; + return lastMonthStr; // Default to last month (2025-02, but adjust to latest data month if needed) + } + + // Calculate total income + function calculateTotalIncome(month = null) { + return transactionData + .filter(t => t.type === 'income' && (month ? t.date.startsWith(month) : true)) + .reduce((sum, t) => sum + t.amount, 0); + } + + // Calculate total expenses + function calculateTotalExpenses(month = null) { + return transactionData + .filter(t => t.type === 'outcome' && (month ? t.date.startsWith(month) : true)) + .reduce((sum, t) => sum + t.amount, 0); + } + + // Get transactions by category + function getTransactionsByCategory(category) { + const categoryRegex = new RegExp(category, 'i'); + return transactionData.filter(t => categoryRegex.test(t.name)); + } + + // Last N transactions pattern + const lastTransactionsPattern = /last\s+(\d+)\s+transactions/i; + const lastTransactionsMatch = lowerMessage.match(lastTransactionsPattern); + if (lastTransactionsMatch) { + const count = parseInt(lastTransactionsMatch[1]) || 5; + + // Sort transactions by date (newest first) + const sortedTransactions = [...transactionData].sort((a, b) => + new Date(b.date) - new Date(a.date) + ); + + // Get the last N transactions + const recentTransactions = sortedTransactions.slice(0, count); + + const transactions = recentTransactions.map(t => { + const date = new Date(t.date); + const monthName = date.toLocaleString('default', { month: 'long' }); + return `• ${monthName} ${date.getDate()}: ${t.amount.toLocaleString()} (${t.name}) - ${t.type === 'income' ? 'Income' : 'Expense'}`; + }); + + return `FinBot: Here are your last ${count} transactions: + ${transactions.join('\n ')}`; + } + + // Last month spending + const month = extractMonth(lowerMessage); + if (lastMonthSpentPattern.test(lowerMessage)) { + // Since data only goes to December 2024, use the latest month available + const latestMonth = '2024-12'; // Adjust dynamically if more data is added + const expenses = calculateTotalExpenses(latestMonth); + const monthName = 'December'; // Hardcoded for now based on data + + return `FinBot: Based on your transaction data, you have spent a total of ${expenses.toLocaleString()} in ${monthName} 2024. Note: The data only includes transactions up to December 2024, so this reflects your spending for that month.`; + } + + // Monthly income or expense summary + if (monthlySummaryPattern.test(lowerMessage) && month) { + const monthName = month.split('-')[1] === '09' ? 'September' : + month.split('-')[1] === '10' ? 'October' : + month.split('-')[1] === '11' ? 'November' : 'December'; + + const income = calculateTotalIncome(month); + const expenses = calculateTotalExpenses(month); + const balance = income - expenses; + + return `FinBot: Here's your ${monthName} ${month.split('-')[0]} summary: + • Total Income: ${income.toLocaleString()} + • Total Expenses: ${expenses.toLocaleString()} + • Net Balance: ${balance.toLocaleString()} (${balance >= 0 ? 'Positive' : 'Negative'})`; + } + + // Monthly income summary + if (monthIncomePattern.test(lowerMessage) && month) { + const monthName = month.split('-')[1] === '09' ? 'September' : + month.split('-')[1] === '10' ? 'October' : + month.split('-')[1] === '11' ? 'November' : 'December'; + + const income = calculateTotalIncome(month); + const incomeTransactions = transactionData + .filter(t => t.type === 'income' && t.date.startsWith(month)) + .map(t => `• ${t.date.split('-')[2]} ${monthName}: ${t.amount.toLocaleString()} (${t.name})`); + + return `FinBot: Your ${monthName} ${month.split('-')[0]} income was ${income.toLocaleString()}: + ${incomeTransactions.join('\n ')}`; + } + + // Monthly expense summary + if (monthExpensePattern.test(lowerMessage) && month) { + const monthName = month.split('-')[1] === '09' ? 'September' : + month.split('-')[1] === '10' ? 'October' : + month.split('-')[1] === '11' ? 'November' : 'December'; + + const expenses = calculateTotalExpenses(month); + const expenseTransactions = transactionData + .filter(t => t.type === 'outcome' && t.date.startsWith(month)) + .map(t => `• ${t.date.split('-')[2]} ${monthName}: ${t.amount.toLocaleString()} (${t.name})`); + + return `FinBot: Your ${monthName} ${month.split('-')[0]} expenses were ${expenses.toLocaleString()}: + ${expenseTransactions.join('\n ')}`; + } + + // Total income summary + if (totalIncomePattern.test(lowerMessage)) { + const income = calculateTotalIncome(); + + // Group by month + const monthlyIncome = { + 'September': calculateTotalIncome('2024-09'), + 'October': calculateTotalIncome('2024-10'), + 'November': calculateTotalIncome('2024-11'), + 'December': calculateTotalIncome('2024-12') + }; + + return `FinBot: Your total income from September to December was ${income.toLocaleString()}: + • September: ${monthlyIncome['September'].toLocaleString()} + • October: ${monthlyIncome['October'].toLocaleString()} + • November: ${monthlyIncome['November'].toLocaleString()} + • December: ${monthlyIncome['December'].toLocaleString()}`; + } + + // Total expense summary + if (totalExpensePattern.test(lowerMessage)) { + const expenses = calculateTotalExpenses(); + + // Group by month + const monthlyExpenses = { + 'September': calculateTotalExpenses('2024-09'), + 'October': calculateTotalExpenses('2024-10'), + 'November': calculateTotalExpenses('2024-11'), + 'December': calculateTotalExpenses('2024-12') + }; + + return `FinBot: Your total expenses from September to December were ${expenses.toLocaleString()}: + • September: ${monthlyExpenses['September'].toLocaleString()} + • October: ${monthlyExpenses['October'].toLocaleString()} + • November: ${monthlyExpenses['November'].toLocaleString()} + • December: ${monthlyExpenses['December'].toLocaleString()}`; + } + + // Balance query + if (balancePattern.test(lowerMessage)) { + const totalIncome = calculateTotalIncome(); + const totalExpenses = calculateTotalExpenses(); + const balance = totalIncome - totalExpenses; + + // Monthly breakdown + const monthlySummary = ['09', '10', '11', '12'].map(m => { + const month = `2024-${m}`; + const monthName = m === '09' ? 'September' : m === '10' ? 'October' : m === '11' ? 'November' : 'December'; + const income = calculateTotalIncome(month); + const expenses = calculateTotalExpenses(month); + const balance = income - expenses; + return `• ${monthName}: ${balance.toLocaleString()} (Income: ${income.toLocaleString()} - Expenses: ${expenses.toLocaleString()})`; + }); + + return `FinBot: Your overall balance from September to December is ${balance.toLocaleString()}: + • Total Income: ${totalIncome.toLocaleString()} + • Total Expenses: ${totalExpenses.toLocaleString()} + + Monthly breakdown: + ${monthlySummary.join('\n ')}`; + } + + // Category queries + const categoryMatch = lowerMessage.match(categoryPattern); + if (categoryMatch) { + const category = categoryMatch[1].toLowerCase(); + const relatedTransactions = getTransactionsByCategory(category); + + if (relatedTransactions.length > 0) { + const transactions = relatedTransactions.map(t => { + const date = new Date(t.date); + const monthName = date.toLocaleString('default', { month: 'long' }); + return `• ${monthName} ${date.getDate()}: ${t.amount.toLocaleString()} (${t.name}) - ${t.type === 'income' ? 'Income' : 'Expense'}`; + }); + + const total = relatedTransactions.reduce((sum, t) => sum + (t.type === 'income' ? t.amount : -t.amount), 0); + + return `FinBot: Here are your transactions related to "${category}": + ${transactions.join('\n ')} + + Net impact on your finances: ${total.toLocaleString()} ${total >= 0 ? '(Positive)' : '(Negative)'}`; + } + } + + return null; +} + +// Chat endpoint +app.post('/chat', async (req, res) => { + const { message } = req.body; + try { + // Check if the question is finance-related + if (!isFinanceRelated(message)) { + const response = "FinBot: I can't help you with that, can you ask about something related to finance?"; + return res.json({ response }); + } + + // Check for transaction data query + const transactionResponse = handleTransactionQuery(message); + if (transactionResponse) { + return res.json({ response: transactionResponse }); + } + + // Check for currency conversion + const conversionResponse = handleCurrencyConversion(message); + if (conversionResponse) { + return res.json({ response: conversionResponse }); + } + + // Check FAQ + const faqAnswer = checkFAQ(message); + if (faqAnswer) { + const formattedResponse = formatBoldText(`FinBot: ${faqAnswer}`); + return res.json({ response: formattedResponse }); + } + + // Fallback to model using built-in fetch + const prompt = `[INST] You are a FinTech expert. Provide a concise answer to this finance-related question with numbered steps where applicable, using **text** to highlight key points. If the question is not finance-related, respond only with: "I can't help you with that, can you ask about something related to finance?": ${message} [/INST]`; + const response = await fetch(API_URL, { + method: 'POST', + headers: headers, + body: JSON.stringify({ + inputs: prompt, + parameters: { + max_length: 150, + temperature: 0.7, + top_p: 0.95 + } + }) + }); + + if (!response.ok) { + const errorText = await response.text(); + throw new Error(`HTTP error! status: ${response.status}, details: ${errorText}`); + } + + const data = await response.json(); + if (!data[0]?.generated_text) { + throw new Error('Invalid response format from API'); + } + + const botResponse = formatBoldText( + data[0].generated_text.replace(prompt, "").trim() + ); + res.json({ response: `FinBot: ${botResponse}` }); + } catch (error) { + console.error('Error:', error.message); + const errorResponse = formatBoldText(`FinBot: Sorry, I encountered an error: ${error.message}`); + res.status(500).json({ response: errorResponse }); + } +}); + +// Serve the HTML file +app.get('/', (req, res) => { + res.sendFile(__dirname + '/public/index.html'); +}); + +app.listen(port, () => { + console.log(`Server running at http://localhost:${port}`); +}); diff --git a/stateDropdown.css b/stateDropdown.css new file mode 100644 index 000000000..318663764 --- /dev/null +++ b/stateDropdown.css @@ -0,0 +1,36 @@ +.state-dropdown-container { + position: fixed; + top: 20px; + left: 320px; + z-index: 2; + font-family: Arial, Helvetica, sans-serif; +} + +.state-select { + background: rgba(18, 18, 18, 0.95); + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.1); + padding: 8px 16px; + border-radius: 4px; + font-family: Arial, Helvetica, sans-serif; + font-size: 16px; + cursor: pointer; + transition: all 0.3s ease; +} + +.state-select:hover { + border-color: rgb(119, 78, 189); +} + +.state-select:focus { + outline: none; + border-color: rgb(119, 78, 189); + box-shadow: 0 0 0 2px rgba(119, 78, 189, 0.2); +} + +.state-select option { + background: rgba(18, 18, 18, 0.98); + color: rgba(255, 255, 255, 0.87); + padding: 8px; + font-family: Arial, Helvetica, sans-serif; +} diff --git a/stockTrends.css b/stockTrends.css new file mode 100644 index 000000000..1cfee3fb1 --- /dev/null +++ b/stockTrends.css @@ -0,0 +1,200 @@ +.stock-trends-container { + background: rgba(18, 18, 18, 0.95); + border-radius: 8px; + border: 1px solid rgba(255, 255, 255, 0.1); + padding: 0.5rem; + height: 300px; + width: 95%; + display: flex; + flex-direction: column; + margin: 0.5rem; + max-width: none; + transform: none; + font-family: Arial, Helvetica, sans-serif; +} + +.stock-trends-container.error { + justify-content: center; + align-items: center; +} + +.stock-trends-header { + padding: 0.4rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.1); + display: flex; + justify-content: space-between; + align-items: center; +} + +.stock-trends-header h3 { + color: rgba(255, 255, 255, 0.87); + margin: 0; + font-size: 1.1rem; + font-family: Arial, Helvetica, sans-serif; +} + +.nav-button { + background: linear-gradient(90deg, #774EBD 0%, #372457 100%); + color: white; + border: none; + border-radius: 4px; + width: 30px; + height: 30px; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + font-size: 18px; +} + +.nav-button:hover { + opacity: 0.9; +} + +.stock-trends-content { + flex: 1; + padding: 0.4rem; + overflow-y: auto; + height: 100px; /* Account for header height */ + position: relative; + margin-top: 0.5rem; + max-width: none; + margin-left: auto; + margin-right: auto; + width: 100%; +} + +.stock-trends-content::before { + content: 'No data available'; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + color: rgba(255, 255, 255, 0.3); + z-index: 0; + pointer-events: none; + display: none; +} + +.stock-trends-content:empty::before { + display: block; +} + +.stock-item { + display: flex; + justify-content: space-between; + align-items: center; + padding: 1rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.1); +} + +.stock-symbol { + color: rgba(255, 255, 255, 0.87); + font-weight: bold; + font-size: 0.9rem; + max-width: 60px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + font-family: Arial, Helvetica, sans-serif; +} + +.stock-price { + color: rgba(255, 255, 255, 0.87); + font-size: 1rem; + font-weight: bold; + color: #774EBD; +} + +.stock-change { + font-weight: bold; +} + +.stock-change.positive { + color: #774EBD; +} + +.stock-change.negative { + color: #372457; +} + +.loading { + color: rgba(255, 255, 255, 0.6); + text-align: center; + padding: 1rem; +} + +.error-message { + color: #ff6b6b; + text-align: center; + padding: 1rem; + background: rgba(255, 107, 107, 0.1); + border-radius: 4px; + margin: 1rem; +} + +.stock-info { + display: flex; + flex-direction: column; + align-items: center; + gap: 0.5rem; +} + +.current-price { + color: #774EBD; + font-size: 1.2rem; + font-weight: bold; +} + +.stock-grid { + display: flex; + flex-direction: column; + gap: 0.75rem; + height: auto; + padding: 0.25rem; + padding-bottom: 0.5rem; + width: 100%; + padding: 0; +} + +.stock-card { + background: rgba(24, 24, 24, 0.95); + border: 1px solid rgba(255, 255, 255, 0.1); + border-radius: 6px; + padding: 0.35rem 0.5rem; + display: flex; + flex-direction: column; + gap: 0.25rem; + max-width: none; + width: 95%; + margin: 0 auto; + transform: none; + font-family: Arial, Helvetica, sans-serif; +} + +.stock-card-header { + display: flex; + justify-content: space-between; + align-items: center; + padding: 0 0.5rem; +} + +.stock-range { + display: flex; + justify-content: space-between; + font-size: 0.7rem; + color: rgba(255, 255, 255, 0.6); + gap: 0.25rem; + padding: 0 0.5rem; +} + +@media (max-width: 768px) { + .stock-trends-container { + min-height: 350px; + padding: 1.5rem; + } + + .stock-card { + padding: 0.75rem; + } +} diff --git a/transaction.jsx b/transaction.jsx new file mode 100644 index 000000000..8232c7e66 --- /dev/null +++ b/transaction.jsx @@ -0,0 +1,63 @@ +export const fetchGooglePayTransactions = async () => { + return [ + { date: "2024-01-05", type: "income", amount: 5200, name: "Salary Deposit" }, + { date: "2024-01-12", type: "outcome", amount: 2600, name: "Rent Payment" }, + { date: "2024-01-20", type: "income", amount: 4800, name: "Client Payment" }, + { date: "2024-01-28", type: "outcome", amount: 2000, name: "Utilities" }, + + { date: "2024-02-06", type: "income", amount: 6200, name: "Freelance Work" }, + { date: "2024-02-15", type: "outcome", amount: 3100, name: "Shopping" }, + { date: "2024-02-22", type: "income", amount: 5300, name: "Investment Returns" }, + { date: "2024-02-27", type: "outcome", amount: 2900, name: "Car Insurance" }, + + { date: "2024-03-03", type: "income", amount: 7000, name: "Bonus Payment" }, + { date: "2024-03-10", type: "outcome", amount: 3500, name: "Home Repairs" }, + { date: "2024-03-18", type: "income", amount: 7500, name: "Contract Work" }, + { date: "2024-03-25", type: "outcome", amount: 3700, name: "Healthcare" }, + + { date: "2024-04-07", type: "income", amount: 6700, name: "Sales Commission" }, + { date: "2024-04-14", type: "outcome", amount: 3300, name: "Education Fees" }, + { date: "2024-04-21", type: "income", amount: 7200, name: "Rental Income" }, + { date: "2024-04-29", type: "outcome", amount: 3400, name: "Travel Expenses" }, + + { date: "2024-05-05", type: "income", amount: 8000, name: "Project Payment" }, + { date: "2024-05-12", type: "outcome", amount: 3900, name: "Groceries" }, + { date: "2024-05-20", type: "income", amount: 8600, name: "Consulting Fee" }, + { date: "2024-05-30", type: "outcome", amount: 4100, name: "Dining Out" }, + + { date: "2024-06-04", type: "income", amount: 9200, name: "Stock Dividends" }, + { date: "2024-06-13", type: "outcome", amount: 4500, name: "Entertainment" }, + { date: "2024-06-21", type: "income", amount: 9800, name: "Business Income" }, + { date: "2024-06-28", type: "outcome", amount: 4600, name: "Loan Repayment" }, + + { date: "2024-07-08", type: "income", amount: 10300, name: "Salary Bonus" }, + { date: "2024-07-16", type: "outcome", amount: 5200, name: "Vacation" }, + { date: "2024-07-23", type: "income", amount: 10800, name: "Freelance Project" }, + { date: "2024-07-29", type: "outcome", amount: 5400, name: "Insurance Premium" }, + + { date: "2024-08-06", type: "income", amount: 11000, name: "Consulting Income" }, + { date: "2024-08-15", type: "outcome", amount: 5600, name: "Household Items" }, + { date: "2024-08-22", type: "income", amount: 11500, name: "Investment Profit" }, + { date: "2024-08-30", type: "outcome", amount: 5700, name: "Medical Bills" }, + + { date: "2024-09-07", type: "income", amount: 9900, name: "Side Job" }, + { date: "2024-09-14", type: "outcome", amount: 5100, name: "Car Maintenance" }, + { date: "2024-09-20", type: "income", amount: 10400, name: "Part-time Job" }, + { date: "2024-09-27", type: "outcome", amount: 5300, name: "Subscription Fees" }, + + { date: "2024-10-06", type: "income", amount: 8800, name: "Freelance Work" }, + { date: "2024-10-15", type: "outcome", amount: 4700, name: "Pet Care" }, + { date: "2024-10-22", type: "income", amount: 9200, name: "Consulting Fee" }, + { date: "2024-10-29", type: "outcome", amount: 4900, name: "Gift Purchase" }, + + { date: "2024-11-05", type: "income", amount: 7600, name: "Rental Income" }, + { date: "2024-11-12", type: "outcome", amount: 4000, name: "Utility Bills" }, + { date: "2024-11-19", type: "income", amount: 8000, name: "Project Payment" }, + { date: "2024-11-25", type: "outcome", amount: 4200, name: "Dining Out" }, + + { date: "2024-12-08", type: "income", amount: 8400, name: "Sales Commission" }, + { date: "2024-12-16", type: "outcome", amount: 4500, name: "Holiday Shopping" }, + { date: "2024-12-23", type: "income", amount: 8900, name: "Year-end Bonus" }, + { date: "2024-12-30", type: "outcome", amount: 4600, name: "New Year Celebration" }, + ]; +}; \ No newline at end of file diff --git a/transactionHistory.css b/transactionHistory.css new file mode 100644 index 000000000..554a216b5 --- /dev/null +++ b/transactionHistory.css @@ -0,0 +1,93 @@ +.transaction-history { + background: rgba(18, 18, 18, 0.95); + border-radius: 8px; + border: 1px solid rgba(255, 255, 255, 0.1); + padding: 0.5rem; + margin: 0.5rem; + height: 100%; + width: 95%; + height: 300px; + display: flex; + flex-direction: column; + font-family: Arial, Helvetica, sans-serif; + color: white; +} + +.transaction-list { + margin-top: 1rem; + flex: 1; + overflow-y: auto; + padding-right: 1rem; + scrollbar-width: thin; + scrollbar-color: #774EBD rgba(255, 255, 255, 0.1); + height: 200px; /* Account for header height */ + max-height: calc(100% - 40px); +} + +.transaction-list::-webkit-scrollbar { + width: 6px; +} + +.transaction-list::-webkit-scrollbar-track { + background: rgba(255, 255, 255, 0.1); + border-radius: 3px; +} + +.transaction-list::-webkit-scrollbar-thumb { + background: linear-gradient(180deg, #774EBD 0%, #372457 100%); + border-radius: 3px; +} + +.transaction-item { + display: flex; + justify-content: space-between; + align-items: center; + padding: 0.4rem 0.5rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.1); + gap: 0.5rem; +} + +.transaction-info { + display: flex; + flex-direction: column; + gap: 0.25rem; +} + +.transaction-name { + color: rgba(255, 255, 255, 0.87); + font-family: Arial, Helvetica, sans-serif; + font-size: 0.9rem; + max-width: 150px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.transaction-date { + color: rgba(255, 255, 255, 0.6); + font-size: 0.8rem; +} + +.transaction-amount { + font-weight: bold; + font-size: 1rem; +} + +.transaction-item.income .transaction-amount { + color: #774EBD; +} + +.transaction-item.outcome .transaction-amount { + color: #372457; +} + +@media (max-width: 768px) { + .transaction-item { + padding: 0.75rem; + } + + .transaction-history { + padding: 1.5rem; + min-height: 350px; + } +}