Frontend Mentor Challenge - Invoice app

This is a solution to the Invoice app challenge on Frontend Mentor. The challenge was to build out this invoicing application and get it looking as close to the design as possible.

Live Site URL: https://vue-invoice-app-6443a.web.app/

Demo account:
Email: [email protected]
Password: p@ssw0rd

Features

Users are able to:

• View the optimal layout for the app depending on their device's screen size (Signup/Login, Home Page, Invoice Page, Not Found 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

Screenshots

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.