/vue-invoice-app

๐Ÿ’ต You can create a new invoice. You can add new products and prices to this invoice.

Primary LanguageVueMIT LicenseMIT

Vue Invoice App ๐Ÿ“ƒ๐Ÿ’ต

  • You can create a new invoice.
  • You can reissue the invoice.
  • You can delete the invoice.
  • You can filter the invoice according to its status.
  • Firebase was used to store datas in the database.

Built With ๐Ÿ› 

Installation โšก

  • Clone the repo

    https://github.com/ufukcankurt/vue-invoice-app.git

  • ฤฐnstall all dependencies

     yarn ||  yarn install
  • Create .env.local file at the top of the application and add these parameters 
     VUE_APP_API_KEY=
 VUE_APP_AUTH_DOMAIN=
 VUE_APP_PROJECT_ID=
 VUE_APP_STORAGE_BUCKET=
 VUE_APP_MESSAGING_SENDER_ID=
 VUE_APP_APP_ID=
    You must first create a collection in Firebase Console.

  • Run the development server:

    npm run serve
# or
yarn serve

Screenshots ๐Ÿ“ธ

  • If there is no invoice we'll see message like that.

  • We can add new invoice from left side.

  • We can see all these invoices at home page.

  • We can filter invoices by their status.

  • We can see all details about related invoice from invoice detail page.

  • If we want to edit related invoice, we can edit this invoice after click edit button.