/react-billSplitter

a react application that helps manage shared expenses

Primary LanguageJavaScript

React Bill Splitter

Description

Bill Splitter is an application that helps manage shared expenses among friends. It allows users to add friends, view their balances, and split bills between themselves and selected friends. The app provides a user-friendly interface to track who owes what and manage your shared expenses efficiently.

bill-2

bill-1

Features

  • Add Friends: Add new friends with a name and an optional image URL.
  • View Balances: View the current balance with each friend (who owes whom and how much).
  • Select Friend: Choose a friend to split a bill with.
  • Split Bill: Calculate and adjust balances based on who paid the bill and how much.
  • Toggle Friend Selection: Easily select or deselect friends for bill splitting.

Installation

  1. Clone the repository:

    git clone https://github.com/Bzkrtayse/react-billSplitter.git

  2. Navigate to the project directory:

    cd /react-billSplitter

  3. Install dependencies:

    npm install

Usage

  1. Start the server to fetch questions

    npm run server

  2. Start the development server:

    npm start

  3. Open your browser and navigate to http://localhost:3000.