Skip to content

ft976/khaat-97

Repository files navigation

SplitMate 💸

SplitMate is a premium, mobile-first web application designed to help friends track shared expenses, splits, and balances with ease. Built with a focus on high-end UI/UX, it provides a seamless experience for managing "who owes whom" without the complexity of traditional accounting apps.

SplitMate Dashboard

✨ Features

  • Premium Dashboard: A sleek, dark-themed dashboard with glassmorphic effects and real-time balance tracking.
  • Friend Management: Add friends with custom profile pictures and track individual ledgers.
  • Transaction History: Detailed logs for every "Gave" and "Got" transaction with reason and date.
  • Real-time Updates: Instant balance recalculations and smooth layout animations.
  • CSV Export: Export any friend's transaction history to a CSV file for external record-keeping.
  • Local Persistence: All data is saved securely in your browser's local storage.
  • Responsive Design: Optimized for mobile devices with a "native app" feel, including hidden scrollbars and touch-friendly interactions.
  • Toast Notifications: Elegant feedback for every action you take.

🎨 Brand Assets

  • App Icon: Located at /public/logo.svg
  • Full Logo: Located at /public/full-logo.svg

🚀 Tech Stack

  • Frontend: React 18 + TypeScript
  • Styling: Tailwind CSS (Utility-first CSS)
  • Animations: Framer Motion (motion/react)
  • Icons: Lucide React
  • Build Tool: Vite
  • Deployment: Optimized for Vercel, Netlify, or Cloud Run

🛠️ Installation & Setup

  1. Clone the repository:

    git clone https://github.com/yourusername/splitmate.git
    cd splitmate
  2. Install dependencies:

    npm install
  3. Run the development server:

    npm run dev
  4. Build for production:

    npm run build

🌍 Deployment

Deploy to Vercel

This project is pre-configured for Vercel. Simply connect your GitHub repository to Vercel, and it will automatically detect the Vite configuration and deploy.

Deploy to Netlify

  1. Build the project: npm run build
  2. Drag and drop the dist folder onto the Netlify dashboard.

📝 License

This project is open-source and available under the MIT License.


Built with ❤️ for friends everywhere.

About

xmke

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors