Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/divysuthar/cash-flow-minimizer

javascript reactjs tailwind-css

Last synced: about 2 months ago
JSON representation

Host: GitHub
URL: https://github.com/divysuthar/cash-flow-minimizer
Owner: divysuthar
Created: 2024-11-10T17:36:20.000Z (about 2 months ago)
Default Branch: main
Last Pushed: 2024-11-15T05:50:02.000Z (about 2 months ago)
Last Synced: 2024-11-15T06:28:25.357Z (about 2 months ago)
Topics: javascript, reactjs, tailwind-css
Language: JavaScript
Homepage: https://flowminimizer.netlify.app/
Size: 37.7 MB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Cash Flow Minimizer

This project is a **Cash Flow Minimizer** built with **React.js** and styled with **Tailwind CSS**. It helps reduce the number of transactions between multiple people, making it easier to settle shared expenses and debts efficiently.

## Live Demo
[View the deployed site on Netlify](https://flowminimizer.netlify.app/)

## Features
- **Transaction Reduction**: Minimizes the number of transactions required to settle debts between a group of people.
- **Easy Input**: Users can input debts or payments between individuals, and the app calculates the optimal way to balance everyone's transactions.
- **Responsive Design**: Fully responsive interface styled with Tailwind CSS for a seamless experience on all devices.

## Installation and Setup
To run this project locally, follow these steps:

1. **Clone the repository**:
```bash
git clone https://github.com/divysuthar/Cash-flow-minimizer.git
2. **Navigate to the project folder**:
```bash
cd Cash-flow-minimizer
3. Install dependencies:
```bash
npm install
4. Start the development server:
```bash
npm run dev

## Technologies Used
- **React.js**: For building the user interface and managing application state.
- **Tailwind CSS**: For rapid and responsive styling.
- **Netlify**: For deployment and hosting.

## Screenshots
### Dashboard
![Dashboard Screenshot](./Screenshots/Home.png)

### People information
![Dashboard Screenshot](./Screenshots/People_info.png)

### Add transaction
![Dashboard Screenshot](./Screenshots/Add_transaction.png)

### Transaction
![Dashboard Screenshot](Screenshots/Transactions.png)

### Minimized transaction
![Dashboard Screenshot](./Screenshots/Minimized_flow.png)