Tracks
-General -Finance
Inspiration
Every time we hang out with friends, whether it’s dinner, road trips, or shared subscriptions we run into the same problems:
- Someone pays for the whole thing
- When splitting the bill tips get forgotten
- We can't remember who owes who
- And... it's always awkward to ask for money back
We wanted to solve this problem with a simple, clean tool that makes it easy to track payments, split costs fairly, and keep friendships stress free.
What it does
Splitopia is a web app that helps friends easily track group expenses and settle up without the awkwardness.
- Users can log in and create accounts
- Add transactions with notes and amounts
- Track who paid and who owes
- See a visual timeline of purchases
- View a bar graph showing how much each person owes
- Customize profiles with user icons
How we built it
- Frontend: Built using Next.js, with custom CSS for styling
- Backend & Auth: Powered by Pocketbase, including:
- Pocketbase Authentication (email & password login)
- Pocketbase Database for storing transactions and user data
Challenges we ran into
- Structuring data in Pocketbase for multiple users and groups
- Building a responsive and visually clean timeline view
- Syncing authentication and database updates in real time
- Managing merge conflicts while collaborating under tight time pressure
Accomplishments that we're proud of
- Designed a clean and intuitive interface for entering group expenses
- Implemented Pocketbase Authentication for secure user login and account management
- Created a timeline view that organizes and displays past transactions clearly
- Developed a bar graph to visualize individual contributions
What we learned
- Designing user-friendly UI with intuitive layouts
- Integrating Pocketbas Authentication and Database
- Working together as a team under time pressure
What's next for Splitopia
- Email reminders for unpaid balances
Built With
- css
- html5
- javascript
- nextjs
- pocketbase
- react.js
Log in or sign up for Devpost to join the conversation.