Product Lead
Web Developer
React
Marketing Strategist
Typescript
Group Bill Splitting Web App
Firebase
OpenAI
Role: Product Lead, UX Strategist, and Technical Builder. End-to-end product lead responsible for shaping concept, defining the user experience, designing the bill-splitting logic, and building a lightweight app experience focused on transparency, flexibility, and ease of use.
The Challenge: Splitting group expenses is usually more annoying than it should be. Most people end up using a notes app, calculator, or long group chat thread to figure out who owes what. Existing tools often work for simple even splits, but break down when real-life situations come in: shared items, uneven participation, tax and tip, reimbursements, and group trips where expenses pile up over time.
Solution Overview: Fair Share was designed as a lightweight bill-splitting app that helps users track shared expenses, assign costs fairly, and instantly understand who owes what. The solution focused on simplifying both one-time restaurant bills and ongoing group expenses, with flexible logic that could handle real-life scenarios while keeping the user experience clean, fast, and easy to trust.
What I Built
End-to-End Bill Splitting Flow
Designed the core multi-step experience for splitting a bill, beginning with participant entry and continuing through item creation, tax and tip allocation, and final balance summary. Structured the flow to reduce confusion while supporting the real-world messiness of shared expenses.
Manual Entry + Itemized Split Logic
User flow for adding people, entering items, assigning who ordered each item, and validating that each charge is allocated correctly. Developed flexible logic to support shared items, uneven participation, default payers, and editable splits so users could accurately reflect what happened at the table.
Receipt Scanning
Created a receipt scanning workflow that allows users to upload or capture a bill that is then parsed via AI, review parsed line items, edit names and prices in-line, and add selected items directly into the split.
Bill Summary & Sharing Tools
Bill summary view that calculates per-person totals, tax share, tip share, and grand total, with an optional itemized breakdown for additional transparency. Added copy-to-clipboard functionality so users can quickly share a formatted payment summary, including totals and saved payment handles.
Profile, Payment Handles, and Receipt History
An authenticated profile experience where users can save Venmo, Cash App, and PayPal handles, set currency preferences, and access saved receipt history across devices. Added receipt reload, summary copy, and delete functionality to make the app useful beyond a single one-time transaction.
Collaborative Party Mode
Designed and implemented a collaborative shared-party experience where multiple users can join a bill using a party code, add items in real time, edit assigned payers, and stay synced through Firestore. Structured permissions so hosts and guests have different levels of control while still allowing true multi-user collaboration.
Tech & Tools
Frontend Development & User Experience
Built using React 19, TypeScript, and Vite 7 to create a fast, responsive user experience with a scalable component structure and strong type safety. Styled with Tailwind CSS 4 using a custom visual system
Authentication & Data Infrastructure
Powered by Firebase Authentication and Firestore for user profiles, receipt history, collaborative party data, and real-time sync across users.
AI-Assisted Receipt Parsing
Integrated OpenAI through a Netlify function to power receipt scanning and item extraction, allowing users to upload restaurant receipts and convert them into editable bill items.