https://github.com/souravpl8092/bill-management-system-app
Bill Management System application streamlines the billing process by allowing users to generate itemized bills, calculate totals, and print or download invoices effortlessly.
https://github.com/souravpl8092/bill-management-system-app
css framer-motion pdfmake react-hooks react-icons react-redux react-router react-router-dom reactjs
Last synced: 3 months ago
JSON representation
Bill Management System application streamlines the billing process by allowing users to generate itemized bills, calculate totals, and print or download invoices effortlessly.
- Host: GitHub
- URL: https://github.com/souravpl8092/bill-management-system-app
- Owner: souravpl8092
- Created: 2025-03-06T09:05:57.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-06T09:10:51.000Z (over 1 year ago)
- Last Synced: 2025-07-31T18:16:40.852Z (11 months ago)
- Topics: css, framer-motion, pdfmake, react-hooks, react-icons, react-redux, react-router, react-router-dom, reactjs
- Language: JavaScript
- Homepage: https://bill-management-system-app.netlify.app/
- Size: 56.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 💰 Bill-Management-System-App
A **sleek, professional, and feature-rich** Bill Management System App built with **React + Vite**. This application streamlines the billing process by allowing users to generate itemized bills, calculate totals, and print or download invoices effortlessly.
---
## ✨ Key Features
✅ **Dynamic Item List** – Seamlessly add, update, and remove items in real time.
✅ **Auto Calculations** – Instantly compute subtotals, tax, and grand total.
✅ **Modern & Responsive UI** – Clean and visually appealing interface.
✅ **Print & Download Support** – Export bills with ease.
✅ **Redux Integration** – Efficient state management for a smooth user experience.
✅ **Fast Performance** – Optimized with Vite for blazing-fast rendering.
---
## 🛠 Tech Stack
- ⚛️ **Frontend**: React.js + Vite
- 🎨 **Styling**: CSS
- 🎭 **Icons**: React Icons
- 📦 **State Management**: Redux Toolkit (Slices, Store)
---
## 📦 Installation & Setup
```sh
# Clone the repository
git clone https://github.com/souravpl8092/Bill-Management-System-App.git
cd bill-management-system
# Install dependencies
npm install
# Start the application
npm run dev
```
---
## 🚀 Deployment
- **App url:** [Bill Management System App](https://bill-management-system-app.netlify.app/)
---
## 📂 Folder Structure
```
📦 bill-management-system
├── 📁 src
│ ├── 📁 components
│ │ ├── Sidebar.jsx
│ ├── 📁 pages
│ │ ├── BillGenerator.jsx
│ │ ├── CustomersTable.jsx
│ │ ├── Login.jsx
│ ├── 📁 redux
│ │ ├── 📁 slices
│ │ │ ├── authSlice.js
│ │ │ ├── billSlice.js
│ │ ├── store.js
│ ├── 📁 styles
│ │ ├── BillGenerator.css
│ │ ├── CustomersTable.css
│ │ ├── Login.css
│ │ ├── Sidebar.css
│ ├── App.jsx
│ ├── main.jsx
├── 📄 package.json
├── 📄 README.md
```
---
## 🎨 UI Components
- 🏢 **Sidebar** – Intuitive navigation panel for easy access to pages.
- 🧾 **BillGenerator** – The core component for creating and managing invoices.
- 📊 **CustomersTable** – Displays detailed billing information for customers.
---
## 📌 License
This project is **open-source** and available under the **MIT License**.
---
Made with ❤️ by [Sourav Paul](https://github.com/souravpl8092) 🚀
---