Skip to content
rahulYUVPublic

About

Resources

Stars

1 star

Watchers

0 watching

Forks

Repository files navigation

SplitWayy

Less stress when sharing expenses with anyone, anywhere.

SplitWayy Hero

The Mission

SplitWayy is a premium expense-sharing application designed for housemates, travelers, and partners who value precision, visual clarity, and a seamless user experience. It transforms the mundane task of tracking debts into a visually engaging and effortless flow, preserving relationships through transparency and trust.

Technology Stack

React TypeScript Vite Tailwind CSS shadcn/ui Firebase EmailJS Framer Motion Recharts Lucide

Dashboard Preview

Core Features

Immutable Audit Trail (Trust Engine)

Unlike other apps where history vanishes with deletion, SplitWayy implements a rigid Immutable History system.

  • Permanent Logs: Even if a group or expense is deleted, the activity log persists securely in Firestore.
  • Security Rules: Custom database rules prevent any user (even creators) from tampering with historical data.

Verified QR Settlements

Bridging the gap between tracking and paying.

  • Dynamic QR Uploads: Users can upload their personal UPI QR codes instantly in 'Receive' mode.
  • Smart Image Compression: Built-in WebP compression algorithm resizes and optimizes QR images client-side for lightning-fast uploads.
  • Visual Proof: Friends see the actual payment code, removing the need for manual text exchanges.

Visualized Financial Insights

Get a bird's-eye view of your spending habits with interactive charts. Track your group totals versus your personal share, and watch your balance trends evolve over time with high-fidelity visualization components.

Effortless Bill Splitting

Whether it is rent with housemates, a dinner bill with a partner, or travel expenses on a group trip, SplitWayy handles splits with calculated precision.

  • Split Types: Supports Equal, Percentage, and Unequal (Exact Amount) splits.
  • Real-Time Validation: Smart forms ensure all math adds up to 100% instantly.
  • Real-Time Sync: Powered by Google Firestore to sync data across all devices in <100ms.
  • Notifications: Automated EmailJS alerts keep everyone in the loop.

Technical Highlights (Under the Hood)

  • Client-Side Optimization: Custom utility functions compress images to modest WebP formats, saving ~80% bandwidth.
  • Role-Based Visibility: Activity logs are intelligently filtered; users only see history relevant to them, ensuring privacy.
  • Component Architecture: Built using shadcn/ui primitives for accessible, robust, and keyboard-navigable interfaces.

Design

SplitWayy is built on the principles of high-contrast typography, premium glassmorphism, and smooth micro-animations. Every interaction is designed to feel alive, from the dynamic hero sequence to the interactive settlement sliders.

  • Aesthetic Excellence: A curated color palette that guides the eye towards important financial actions.
  • Mobile First: Fully responsive layouts optimized for the device you actually use to split bills—your phone.
  • Performance: Optimized rendering using modern React patterns and Vite for lightning-fast load times.

Getting Started

Follow these steps to set up the project locally.

Prerequisites

  • Node.js 16+
  • npm or yarn

Installation

  1. Clone the repository

    git clone https://github.com/rahulYUV/SplitWayy.git
  2. Install dependencies

    npm install
  3. Start the development server

    npm run dev

License

Distributed under the MIT License. See LICENSE for more information.

SplitWayy Footer

About

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages