https://github.com/rakeshkumar1019/invoice-management-system
Invoice Management System
https://github.com/rakeshkumar1019/invoice-management-system
react-bootstrap reactjs redux redux-toolkit
Last synced: 9 days ago
JSON representation
Invoice Management System
- Host: GitHub
- URL: https://github.com/rakeshkumar1019/invoice-management-system
- Owner: rakeshkumar1019
- Created: 2023-09-28T03:47:30.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2024-08-19T03:51:25.000Z (11 months ago)
- Last Synced: 2025-05-07T16:53:15.875Z (about 2 months ago)
- Topics: react-bootstrap, reactjs, redux, redux-toolkit
- Language: JavaScript
- Homepage: https://master--mellifluous-unicorn-5e569e.netlify.app/
- Size: 368 KB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Invoice Management System
An Invoice Management System project built using `React.js`, `Redux`, `Redux Toolkit` and `React-Bootstrap`.
You can access the deployed Invoice Management System directly by visiting the following URL:
https://master--mellifluous-unicorn-5e569e.netlify.app
## Live Demo on YouTube:
You can also watch a live demonstration of the [Invoice Management System](https://www.youtube.com/watch?v=kfnePb4YsJU) on YouTube.
# Setps To Run Locally
If you prefer to run the Invoice Management System locally on your machine, follow these steps:
1. Clone the repository using the following command:
```
git clone https://github.com/rakeshkumar1019/invoice-management-system.git
```
2. Change the current directory to the project folder:
```
cd invoice-management-system
```
3. Install project dependencies by running:
```
npm install
```
4. Start the application with the following command:
```
npm start
```
5. Open your web browser and visit http://localhost:3000/ to access the Invoice Management System.
# Features:
**View Invoices**:
- Users can easily view a list of their invoices with essential details like invoice number, name, and total amount.
**Edit Invoices**:
- Users have the ability to edit existing invoices to make updates or corrections to client details, itemized services, prices, or quantities.
**Copy Invoices**:
- Application allows users to create duplicate copies of invoices, making it convenient for recurring invoices.
**Delete Invoices**:
- Users can delete invoices that are no longer needed, helping them maintain a clean and organized.
**Download PDF Invoices**:
- Users can generate and download PDF versions of their invoices, which are commonly used for sharing with clients and for record-keeping.
# Project Directory Structure
