https://github.com/parmodkumar28/invoice-react-app

A simple invoicing app built with React and Material UI (MUI). Features a dynamic invoice form with real-time field calculations and an editable invoice table. Fully responsive.
https://github.com/parmodkumar28/invoice-react-app

frontend invoice-app javascript miui react

Last synced: 29 days ago
JSON representation

A simple invoicing app built with React and Material UI (MUI). Features a dynamic invoice form with real-time field calculations and an editable invoice table. Fully responsive.

• Host: GitHub
• URL: https://github.com/parmodkumar28/invoice-react-app
• Owner: ParmodKumar28
• Created: 2025-02-22T05:48:09.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-02-22T06:15:28.000Z (over 1 year ago)
• Last Synced: 2025-02-22T06:27:08.284Z (over 1 year ago)
• Topics: frontend, invoice-app, javascript, miui, react
• Language: JavaScript
• Homepage: https://67b96c0c07d225d139409d8a--tangerine-blancmange-deca21.netlify.app/
• Size: 0 Bytes
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Invoice Creator

A simple invoicing app built with React and Material UI (MUI). Features a dynamic invoice form with real-time field calculations and an editable invoice table. Fully responsive and deployed on Netlify.

## 🚀 Features

### 📋 Invoice Form

- Seven fields: **Qty, Price, Discount %, Discount, Tax %, Tax, and Total Price**.

- All fields are interdependent and update dynamically based on user input.

### 📑 Invoice Table

- Displays submitted invoices.

- Supports **inline editing** of invoice details.

### ⚡ State Management

- Uses only **three React `useState` hooks** to manage the entire application state.

### 🎨 Fully Responsive UI

- Built using **Material UI (MUI)** components for a modern and clean design.

## 🛠 Installation

1. **Clone the repository:**

   git clone https://github.com/ParmodKumar28/Invoice-React-App

   cd invoice-app

2. **Install dependencies:**

   npm install

3. **Start the development server:**

   npm start

4. Open http://localhost:3000 in your browser.

🌍 Deployment

- This project is deployed on Netlify. You can access it here.

## 🏗 Technologies Used

- React.js - Frontend framework

- Material UI (MUI) - UI components

- Create React App - Build tool (whichever applies)

- Netlify - Hosting and deployment

🤝 Contributing

- Feel free to submit issues or pull requests to improve the project.