📄 🏬 A simple way to generate your virtual receipt
I use to control my expanses on Mobills (a personal finance application). So, every time when I go shopping I create an expanse with the total value. However, personally I prefer save what I bought as well, even thought the application doesn't have a specific field for it, only more information field. Therefore, I write manually on some notepad each item and it value, copy this information and paste into it field.
Based on motivation above, I decided create a static page with a simple form which receive:
- Product Name
- Quantity
- Price
- Calculate Method (refers to total calculate, in other words, if Price is total or just an item)
When you insert, the application create a product and insert in a list, which are storage in browser LocalStorage, and each item that are added, update total from the list of product.
This project involves some interesting things like:
- Clone the project
$ git clone https://github.com/raulfdm/food-list-creator.git- Move to project folder and install all dependencies
$ cd food-list-creator
$ npm install- Now, you can run a local server with the following command:
$ npm start