Say goodbye to awkward money talks and hello to hassle-free shared expenses!
Splitit is your go-to app for effortlessly managing group expenses. Whether you're planning a dream vacation, sharing a delicious dinner, or splitting household bills, Splitit has got you covered.
No more calculator headaches or confusing spreadsheets. Just add your expenses, and watch Splitit work its magic. Our smart algorithm calculates who owes what, so you don't have to.
Keep your friendships strong by ensuring everyone pays their fair share. Splitit makes it easy to track, settle up, and move on to your next adventure together.
- Add your expenses
- Let Splitit crunch the numbers
- Settle up with friends
- Done! Time to plan your next outing!
Don't let money matters come between you and good times. Download Splitit today and experience the joy of stress-free expense sharing!
Happy splitting, happy friends! 🎊💸
This application was developed as a learning project for Chingu Voyage 51.
-
React with TypeScript
-
ViteJS as Build Tool
-
CSS Tailwind
-
Node.JS with TypeScript
-
Express as API framework
-
Prisma as ORM
-
PostgreSQL as database
-
Google Oauth
-
Neon Console
- .env samples
- Deployment to Render
-
FIGMA
-
Lucidchart for DB prototype
-
Lucidspark for User flows
- Google Authentication:
- Google Authentication is implemented, allowing users to securely log in using their Google accounts.
- Only authenticated users can access and manage expense groups and data.
- Expense Group Management:
- Each group can have multiple members
- One or more expense groups can be created with a specific budget
- A participant in an expense group can have a particular weighted contribution to the total amount
- (TODO) An expense group can be edited and deleted
- (TODO) One or more receipt proofs can be consulted
- A unique link is generated for each group, which can be shared to invite participants.
- Participants can join an expense group via the unique link.
- (TODO) Only the group creator has the authority to close an expense group, finalizing all contributions.
- Expense Management:
- Users can add new expenses with all required details
- Name of expense
- Description
- Amount
- Participant name
- Date (captured automatically)
- Category
- % Contribution
- Receipt proof
- (TODO) Existing expenses can be edited and deleted
- Date of expense is automatically captured
- (TODO) The receipt proof of an expense can be consulted
- Users can view a comprehensive history of all expenses.
- Calculations:
- The app accurately calculates balances within the group according to the weighted contribution of some participants
- Calculations update in real-time when expenses change
- Summary and Visualization:
- Users should be provided with a clear summary of total expenses and individual balances.
- (TODO) Users can view a chart with the distribution of expenses within a group
- Data Persistence:
- All expense data, including group details, expenses, and receipts, is stored in a secure database.
- (TODO) Receipt proofs are stored in the database and remain accessible even after an expense group is closed.
- Analytics:
- (TODO) One or more analytics chart are available for consultation
- Clone this project locally
- Run
npm installin your bash/command line both on client and on server folders - Run
npm startin your bash/command line on server folder - Run
npm run devin your bash/command line on client folder
- @hookform/resolvers
- @radix-ui/react
- @tanstack/react-query
- axios
- class-variance-authority
- clsx
- lucide-react
- react
- react-dom
- react-hook-form
- react-router-dom
- tailwind-merge
- tailwindcss-animate
- zod
- @eslint/js
- @types/node
- @types/react
- @types/react-dom
- @vitejs/plugin-react
- autoprefixer
- eslint
- eslint-plugin-react-hooks
- eslint-plugin-react-refresh
- globals
- postcss
- tailwindcss
- typescript
- typescript-eslint
- vite
- @prisma/client
- cors
- dotenv
- express
- jsonwebtoken
- passport
- passport-google-oauth20
- swagger-ui-express
- zod
- zod-openapi
- @types/cookie-parser
- @types/cors
- @types/express
- @types/jsonwebtoken
- @types/node
- @types/passport
- @types/passport-google-oauth20
- cookie-parser
- prisma
- ts-node-dev
- tsup
- typescript
- login/register:
GET /api/v1/auth/google - logout:
GET /api/v1/auth/logout - Refresh Access Token:
POST /api/v1/auth/refresh-token