eat-n-split is a simple React application that allows you and your friends to split restaurant bills quickly and easily. You can add friend names (with an option to add a picture or use one of three defaults) and, by selecting a friend, open a window that shows the bill split details including:
- 💰 Bill Value: The total amount of the bill.
- 🧍♂️ Your Expense: How much you owe.
- 👯♂️ Friend's Expense: How much your friend owes.
- 🤑 Payment Summary: Who is paying the bill.
Check out the live version on GitHub Pages: https://manei74.github.io/eat-n-split/)
- Bill Splitting: Quickly calculate how much each person owes.
- Friend Management: Add friends with custom names and pictures (or use default images).
- Interactive UI: Click a select button to view a detailed split window for each friend.
- Easy to Use: Minimal and intuitive interface built with React.
This project was bootstrapped with Create React App.
In the project directory, you can run:
Runs the app in development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits and you will see any lint errors in the console.
Launches the test runner in interactive watch mode.
See the section about running tests for more information.
Builds the app for production to the build folder.
It bundles React in production mode and optimizes the build for best performance.
The build is minified and filenames include the hashes.
Your app is ready to be deployed!
See the section about deployment for more information.
Note: This is a one-way operation. Once you eject, you can’t go back!
If you aren’t satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project and copy all the configuration files and the transitive dependencies (Webpack, Babel, ESLint, etc.) right into your project so you have full control over them.
To deploy this project to GitHub Pages:
- Install gh-pages (if not already installed):
npm install gh-pages --save-dev
- Update your package.json
- Deploy npm run deploy