-
Modern fintech-inspired landing experience designed for effortless group expense sharing and smart settlements.
-
Secure onboarding flow with personalized profiles, unique usernames, and seamless collaborative group identity management.
-
Personalized collaborative dashboard with real-time expense tracking, analytics, and optimized settlement management.
-
Track personal daily spending with organized expense insights, filters, and smart financial summaries.
-
Create collaborative expense groups with categories, participants, custom icons, and seamless shared finance management.
-
Inspiration
Managing shared expenses during trips, hostel life, and group activities is often confusing and frustrating. Most people still rely on spreadsheets, screenshots, or outdated apps that lack a smooth collaborative experience.
We built SplitSphere to combine intelligent expense sharing with the polished feel of a modern fintech SaaS platform. Our goal was to create a collaborative finance experience that is simple, visually premium, and easy to use for students, travelers, roommates, and teams.
The project primarily fits under the Work & Productivity category while also supporting everyday financial organization and lifestyle management.
What it does
SplitSphere is a collaborative expense-sharing and smart settlement platform for both shared and personal finance management.
Users can:
- Create shared expense groups
- Add participants using usernames
- Track expenses and split bills
- Generate automatic settlement summaries
- Join groups using QR codes or invite links
- Track personal self-expenses
- View analytics and spending summaries
- Scan receipts to auto-fill expense data
The platform automatically calculates balances and minimizes transactions so users instantly know who owes whom.
Key Features
- Smart expense tracking
- Instant settlements
- QR/invite-based joining
- Receipt scanning
- Self-expense management
- Personalized dashboards
- Responsive fintech-inspired UI
- Smooth animations and modern landing page
How we built it
SplitSphere was built using:
- React
- TypeScript
- Tailwind CSS
- Framer Motion
- Supabase
The UI was inspired by modern fintech and SaaS products like Stripe, Linear, and Ramp. We focused heavily on responsiveness, typography, visual hierarchy, animations, and overall product polish.
Plugins & Integrations
OCR Plugin
Used for receipt scanning to automatically extract:
- amount
- merchant name
- date
- expense details
Image Generation Plugin
Used for branding inspiration, landing page concepts, and improving the visual identity of the product.
How MeDo helped us
MeDo played a huge role in accelerating development and improving the overall product experience.
Using conversational prompts, we rapidly refined:
- landing pages
- dashboard layouts
- animations
- responsiveness
- UI hierarchy
- onboarding flows
- overall UX
MeDo helped transform SplitSphere from a simple expense tracker into a polished fintech-inspired SaaS product. It also enabled fast iteration, plugin integration, and rapid UI experimentation without spending excessive time on repetitive frontend implementation.
Challenges we ran into
One of the biggest challenges was balancing functionality with simplicity. Managing settlements, collaborative workflows, multiple participants, and responsive UI states added significant complexity.
Another major challenge was creating a premium user experience while keeping the interface lightweight and intuitive. We spent significant effort refining layouts, motion design, card systems, responsiveness, and overall visual polish.
Accomplishments that we're proud of
We are proud that SplitSphere evolved into a polished collaborative finance platform with:
- Smart settlement logic
- QR/invite-based collaboration
- Receipt scanning workflows
- Personalized dashboards
- Self-expense tracking
- Responsive fintech-inspired UI
- Smooth animations and modern landing experience
Most importantly, we are proud that the final product feels realistic, usable, and launch-ready.
What we learned
Throughout the project we learned:
- Modern frontend architecture
- Product thinking and UX/UI design
- Responsive and mobile-first development
- Fintech dashboard design systems
- Importance of animations and micro-interactions
- Product storytelling and branding
- How conversational AI-assisted development can accelerate iteration and creativity
What's next for SplitSphere
Future plans include:
- AI-powered financial insights
- Real-time collaboration
- Advanced analytics
- UPI/payment integrations
- Recurring expenses
- Mobile app deployment
- Smart budgeting recommendations
Our vision is to make SplitSphere a modern collaborative finance platform that makes expense management effortless, intelligent, and visually enjoyable.
What's next for SplitSphere — Smart Expense Sharing
Built With
- css3
- fintech
- framer-motion
- html5
- javascript
- medo
- react
- responsive-design
- supabase
- tailwind-css
- typescript
Log in or sign up for Devpost to join the conversation.