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 🛠

• Vue.js
• Vuex
• Firebase

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.

---