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

https://github.com/simandrew/eat-n-split-react

Eat n Split React App
https://github.com/simandrew/eat-n-split-react

Last synced: 6 months ago
JSON representation

Eat n Split React App

Awesome Lists containing this project

README

          

## Eat n Split React App.

---

### About:

Eat n Split app that split bills, tracks shared expenses in a group of friends easily and finds out "Who owes whom and how much?"

What can be done in the app:

- Add a New Friend: Quickly include a new friend to the list and to split the bill with.
- Real-time Calculation: Instantly calculates the amount owed by each friend as you input bill details.

You can try here: [eat-n-split-reactjs-app.netlify.app](https://eat-n-split-reactjs-app.netlify.app/)

---

### Sample task, photo:

![image](https://github.com/SimAndrew/FarAway-TodoList-React/assets/44125451/670805aa-71c6-459b-8315-0de7d4336dfa)

![image](https://github.com/SimAndrew/FarAway-TodoList-React/assets/44125451/5d65c26a-b360-449e-8c8d-d26a60c255c0)

- Add a new friend:

![image](https://github.com/SimAndrew/FarAway-TodoList-React/assets/44125451/7998f001-9d0f-46c9-81d1-39dccc67ddce)

- Select a friend and split bills with him:

![image](https://github.com/SimAndrew/FarAway-TodoList-React/assets/44125451/122e7d08-e491-4f64-9cff-a8c8024d45b6)

---

### Technologies:

- [React JS](https://react.dev/)
- [Vite JS](https://vitejs.dev/), [ESLint](https://eslint.org/), [Prettier](https://prettier.io/)
- [Pravatar.cc Random Avatar](https://pravatar.cc/)
- Responsive Layout
- [Deploying on Netlify](https://www.netlify.com/)

### Run the app:

- Clone a project: `git clone`

```
https://github.com/SimAndrew/Eat-n-Split-React.git
```

- Open project code in your editor.
- Install the dependencies, enter into the terminal:

```
npm install
```

- Run the project, enter into the terminal:

```
npm run dev
```