• 

  Introduces SpendWise with a clear value proposition and call-to-action. Highlights key features like smart tracking, budgeting, and insights

• 

  Introduces SpendWise with a clear value proposition and call-to-action. Highlights key features like smart tracking, budgeting, and insights

• 

  Secure authentication using email/password and Google sign-in. Simple, clean interface for easy access.

• 

  Displays financial health score, balance, income, and expenses. Provides quick access to add and view transactions.

• 

  Visualizes spending with charts and category breakdowns. Helps users analyze financial patterns.

• 

  Allows users to set budgets and track progress. Includes savings goal monitoring.

• 

  Shows spending trends and income vs expense comparison. Supports smarter financial decisions.

• 

  Calculates future returns based on goals and duration. Encourages long-term financial growth.

• 

  Gamified financial learning with challenges and scoring. Makes budgeting interactive and engaging.

SpendWise (cash-compass)

A smart budgeting and expense tracking web application designed to help students and young professionals manage their personal finances effectively.

---

Inspiration

Managing personal finances is a common challenge for students and young professionals. Many people struggle to track daily expenses, understand spending patterns, and maintain budgets effectively. Existing tools often feel complex or overwhelming.

We wanted to create a simple, intuitive, and intelligent financial tracking solution that makes budgeting easier, clearer, and more insightful.

---

What It Does

SpendWise allows users to:

• Record and categorize daily expenses
  
• Visualize spending patterns through interactive charts
  
• Generate AI-powered summaries
  
• Track budgets and monitor savings goals
  
• Plan investments for long-term growth
  

Users can calculate their balance using:

$$ \text{Balance} = \text{Total Income} - \text{Total Expenses} $$

This helps users clearly understand their financial health at any moment.

---

How We Built It

SpendWise was developed using:

• HTML, Tailwind CSS, JavaScript – Frontend development
  
• Firebase Authentication – Secure user login
  
• Firebase Firestore – Real-time cloud database
  
• Chart Libraries – Data visualization
  
• AI-based logic – Expense summaries and insights
  

For investment planning, we implemented the compound interest formula:

$$ A = P \left(1 + \frac{r}{n}\right)^{nt} $$

Where:

• $P$ = Principal amount
  
• $r$ = Annual interest rate
  
• $n$ = Number of times interest is compounded per year
  
• $t$ = Time in years
  

---

Challenges We Ran Into

• Structuring expense data efficiently for accurate analytics
  
• Designing a UI that is both minimal and informative
  
• Implementing real-time database updates with Firebase
  
• Generating meaningful AI summaries from raw financial data
  
• Managing application state across multiple pages
  

---

Accomplishments We're Proud Of

• Built a fully functional budgeting web application
  
• Integrated AI-powered financial insights
  
• Designed a modern, responsive, and user-friendly interface
  
• Structured the project for scalability and maintainability
  
• Successfully deployed the application
  

---

What We Learned

• Managing real-time cloud databases
  
• Importance of UI/UX in finance applications
  
• Transforming raw data into actionable insights
  
• Writing modular and scalable JavaScript
  
• Building structured and maintainable frontend architecture
  

---

What's Next for SpendWise

• Advanced analytics and predictive expense forecasting
  
• Smart alerts and notification system
  
• Multi-user or family budgeting support
  
• Exportable financial reports (PDF/CSV)
  
• Dedicated mobile application version
  

---

Built With Passion

SpendWise aims to make financial literacy simple, practical, and accessible for everyone.

Built With

• authentication
• css
• git
• github
• html
• javascript
• tailwind
• vercel
• vite