VishwanthBarma / Bill-Snap

An web app to split the bill among friends going on vacation and stop fighting over who needs to pay who.

Home Page:billsnap.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Bill Snap - Group Expense Management Application


Bill Snap is a comprehensive solution for managing and tracking group expenses. Built using modern web technologies like Next.js, Tailwind CSS, Firebase, and React, Bill Snap allows users to effortlessly handle shared expenses for various events, such as trips or parties.


Features

  • User Authentication

    • Users can log in using their Gmail accounts, ensuring secure and easy access.
  • Group Creation

    • Users can create groups for different events, such as "Goa Trip" or "Weekend Party."
    • Each group can have multiple members who will share the expenses.
  • Adding Members

    • Users can invite others to join their group by adding their email addresses.
    • Members can be added or removed as needed.
  • Expense Management

    • Any group member can add expenses to the group.
    • Each expense entry includes details like the amount, description, date, and the members involved.
    • Users can upload receipts for each expense, which are stored within the group for easy reference.
  • Expense Splitting

    • The total amount of each expense is automatically split among the involved members.
    • Bill Snap calculates the share of each member and updates the group's expense summary accordingly.
  • Payment Tracking

    • Users can track who has paid and who still owes money for each expense.
    • Payments can be made directly through the app, simplifying the settlement process.
  • Expense Summary

    • The app provides a comprehensive summary of all expenses within each group.
    • Users can see the total amount spent, individual shares, and outstanding balances.

Technology Stack

  • Next.js: A powerful React framework for building server-side rendered applications.
  • Tailwind CSS: A utility-first CSS framework for rapidly building custom user interfaces.
  • Firebase: A platform for building web and mobile applications, providing authentication, real-time database, and hosting services.
  • React: A JavaScript library for building user interfaces, enabling the creation of reusable UI components.

Usage

  1. Login

    • Navigate to the login page.
    • Sign in with your Gmail account.
  2. Create a Group

    • Click on "Create Group."
    • Enter the group name and other relevant details.
    • Add members by entering their email addresses.
  3. Add an Expense

    • Select the group to which the expense belongs.
    • Click on "Add Expense."
    • Enter the expense details, including amount, description, date, and involved members.
    • Upload a receipt if available.
  4. View Expense Summary

    • Navigate to the group page.
    • View the summary of all expenses, including total amount, individual shares, and outstanding balances.
  5. Make a Payment

    • Select an expense from the summary.
    • Choose the payment method and complete the transaction.
  6. Track Payments

    • View the updated expense summary to see who has paid and who still owes money.

Conclusion

Bill Snap simplifies the management of group expenses, making it easy to track, split, and settle costs among multiple members. Its intuitive interface and robust feature set make it an ideal solution for handling shared expenses in any group activity.


About

An web app to split the bill among friends going on vacation and stop fighting over who needs to pay who.

billsnap.vercel.app


Languages

Language:JavaScript 98.0%Language:CSS 2.0%