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