This is a simple template for users to create a receipt (invoice) for themselves. Users can add items such as laptops, enter their prices and quantities, and the app will automatically calculate the total amount. Additionally, users can remove items as needed and take a screenshot of their receipt to share with others.
This project was developed using React and Tailwind CSS as a practice project, showcasing my skills in front-end development.
- Add items with name, price, and quantity.
- Automatically calculate the total amount.
- Remove items from the invoice.
- Error handling for user inputs.
You can view the live version of the application at the following link:
Access the source code and contribute to the project:
The design for this project was inspired by a template created on Figma. You can check out the original design here:
To run this project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/arianimmen/Invoice-Practice.git
-
Navigate to the project directory:
cd Invoice-Practice -
Install the dependencies:
npm install
-
Run the development server:
npm run dev
-
Open your browser and navigate to
http://localhost:3000(or the port specified in your terminal).
- React
- Tailwind CSS
- html2canvas (for taking screenshots)