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.
- 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.
- App Icon: Located at
/public/logo.svg - Full Logo: Located at
/public/full-logo.svg
- 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
-
Clone the repository:
git clone https://github.com/yourusername/splitmate.git cd splitmate -
Install dependencies:
npm install
-
Run the development server:
npm run dev
-
Build for production:
npm run build
This project is pre-configured for Vercel. Simply connect your GitHub repository to Vercel, and it will automatically detect the Vite configuration and deploy.
- Build the project:
npm run build - Drag and drop the
distfolder onto the Netlify dashboard.
This project is open-source and available under the MIT License.
Built with ❤️ for friends everywhere.