/nuxt-invoice

Invoice CRUD using Nuxt.js & Local Storage

Primary LanguageVue

Invoice CRUD using Nuxt.js & Tailwind CSS

Live Preview

https://invoice.madebyalbert.xyz/invoices

Feature

  • Uncheck feature is not finished yet
  • [~] View the optimal layout for the app depending on their device's screen size (Done only for invoice list page)
  • See hover states for all interactive elements on the page
  • Create, read, update, and delete invoices
  • Receive form validations when trying to create/edit an invoice
  • Save draft invoices, and mark pending invoices as paid
  • Filter invoices by status (draft/pending/paid)
  • Toggle light and dark mode

Improve Feature

  • Added invoice status on the detail page
  • Added button for Save draft on the invoice form
  • Go to /invoices?reset=1 to reset local storage database to initial state

Running in Local Laptop

# install dependencies
$ npm install

# serve with hot reload at localhost:3002
$ npm run dev

# build for production and launch server
$ npm run build
$ npm run start

# generate static project
$ npm run generate