https://github.com/immortalwebdev/bill-splitter
A simple bill splitting application built with vanilla JavaScript. Easily calculate the amount each person owes, customize tip percentages, and ensure fair bill division.
https://github.com/immortalwebdev/bill-splitter
bill-splitter css html javascript vercel-deployment
Last synced: about 1 month ago
JSON representation
A simple bill splitting application built with vanilla JavaScript. Easily calculate the amount each person owes, customize tip percentages, and ensure fair bill division.
- Host: GitHub
- URL: https://github.com/immortalwebdev/bill-splitter
- Owner: immortalWebDev
- Created: 2024-12-08T12:13:07.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-29T10:27:41.000Z (over 1 year ago)
- Last Synced: 2025-02-08T20:47:39.505Z (over 1 year ago)
- Topics: bill-splitter, css, html, javascript, vercel-deployment
- Language: CSS
- Homepage: https://bill-split-piyush.vercel.app
- Size: 10.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🏋️♂️ Bill Splitter
A lightweight and user-friendly bill splitting application built with vanilla JavaScript. Easily calculate the amount each person owes, customize tip percentages, and ensure fair bill division.
## 🚀 Features
- Calculate bill split for:
- ✅ Total bill amount.
- ✅ Number of people.
- ✅ Custom tip percentages.
- Fully responsive design for mobile and desktop.
- Intuitive user interface.
---
## 🔧 Tech Stack
- HTML
- CSS
- JavaScript
## 🎯 How It Works
1. Enter the **Total Bill Amount**.
2. Specify the **Number of People** sharing the bill.
3. Select a **Tip Percentage**, or enter a custom value.
4. The app calculates and displays the amount each person owes, including the tip.
---
## 📂 Project Structure
```
bill-splitter/
├── index.html # UI Layout
├── style.css # Styling
└── script.js # Core Logic
```
## 📜 Usage
1. Clone this repository:
```bash
git clone https://github.com/immortalWebDev/bill-splitter.git
```
2. Navigate to the project directory:
```bash
cd bill-splitter
```
3. Open `index.html` in your browser:
```bash
open index.html
```
## 🔑 Example
### Input:
- Total Bill: 1200
- Tip Percentage: 10%
- Number of People: 4
### Output:
```
Amount Per Person: 330
```
## 📌 To-Do
- [ ] Add a currency selection feature.
- [ ] Implement a dark mode toggle.
- [ ] Add a history feature to save previous calculations.
## 🧑💻 Contributing
Contributions are welcome! Please follow these steps:
1. Fork this repository.
2. Create a new branch:
```bash
git checkout -b feature-name
```
3. Commit your changes:
```bash
git commit -m "Add new feature"
```
4. Push the branch:
```bash
git push origin feature-name
```
5. Open a pull request.
## 🌐 Try live demo
- [Live link of project](https://bill-split-piyush.vercel.app/)
## ❤️ Acknowledgments
Thanks to all developers who inspire creative and efficient solutions.
## 📧 Contact
For any inquiries, feedback, or support:
- **Phone:** [WhatsApp](https://wa.me/917774835449)
- **Email**: [pgbadgujar007@gmail.com](mailto:pgbadgujar007@gmail.com)
- **Portfolio**: [My Portfolio](https://www.snapit.tech/pgbadgujar007/5w3jtzcp1e)
---
Enjoy seamless bill splitting! 😊
Created with 💕 by Piyush