Smart Split - Group Expense Tracker

A fun, bold, and colorful web app to split group expenses between friends. Smart Split makes money management feel social and light-hearted using a neo-brutalist + cartoon-core visual style.

🎯 Features

• Track Group Expenses: Easily record who paid for what and split costs among friends
• Visual Dashboard: See your balance and recent expenses at a glance
• People Management: Add, edit, and delete people in your group
• Expense Tracking: Record expenses with categories, dates, and custom splits
• Settlement Summary: See who owes whom with visual speech bubbles
• Data Import/Export: Backup and restore your data
• Fun UI: Playful animations, confetti effects, and colorful design

🛠️ Tech Stack

• Frontend: HTML, CSS, JavaScript (Vanilla)
• Storage: Browser localStorage
• Libraries:
  • Animate.css — for prebuilt animations
  • Chart.js — for pie/doughnut charts in summary
  • AOS (Animate On Scroll) — for entrance animations
  • SweetAlert2 — for modals, confirmations, alerts
  • Font Awesome — for icons
  • Google Fonts — Baloo 2, Luckiest Guy, Inter, Poppins

📱 Screens

1. Home / Dashboard

   • Shows total balance
   • Recent expenses (styled as sticker cards)
   • Buttons: Add Expense, Settle Up

2. People Management

   • List of users with total paid/owed
   • Add/Edit/Delete people

3. Expenses

   • List of expenses: who paid, how much, for whom, reason
   • Add Expense modal

4. Summary

   • "A owes B $Z" comic speech bubbles
   • Pie chart showing contribution split
   • Settle Now button with confetti animation

5. Settings

   • Clear data
   • Export/Import JSON
   • Reset App

🚀 Getting Started

Running the App

1. Clone the repository or download the files
2. Open index.html in your web browser
3. Start adding people and expenses!

Usage Guide

1. Add People: First, add the people in your group using the People page
2. Add Expenses: Record expenses with details about who paid and how to split
3. View Summary: Check the Summary page to see who owes whom
4. Settle Up: Use the Settle Up button to clear all debts when everyone has paid

🎨 Design Philosophy

Smart Split uses a neo-brutalist and cartoon-core visual style to make expense tracking fun and engaging. The design features:

• Bold colors and strong contrasts
• Playful typography with Baloo 2 and Luckiest Guy fonts
• Card-based UI with slight rotations for a sticker-like feel
• Animated interactions and feedback
• Comic-style speech bubbles for settlements

📝 License

This project is open source you can steal it legally, break it gloriously, and still blame us for nothing.

🙏 Acknowledgements

• Font Awesome for icons
• Google Fonts for typography
• Chart.js for data visualization
• Animate.css and AOS for animations
• SweetAlert2 for enhanced dialogs