Invoice App - Vue

Overview

The Invoice App is a simple web application built using Vite and Vue.js. It allows users to create, manage, and track invoices efficiently. With a clean and intuitive interface, users can easily input invoice details, edit them, mark them as paid, and delete them as needed.

Stack, Techs, Features, Tasks

• Vue
• Firebase
• Auth (Email, Google)
• SCSS
• CRUD
• Form
• Store
• Light/Dark Mode

Demo

You can find a live demo of the Invoice App here.

1. Home - List of Invoice Items

   

2. Toggle Light/Dark Mode

   

3. Create New Invoice

   

4. Invoice Details

   

5. Filter
   

   

How To Run

git clone https://github.com/iamalaziz/invoice-app.git
cd invoice-app
npm install

Set Up Firebase

• Create a .env file in the project root.
• Add your Firebase configuration details to the .env file:

VITE_FIREBASE_API_KEY=your-api-key
VITE_FIREBASE_AUTH_DOMAIN=your-auth-domain
VITE_FIREBASE_PROJECT_ID=your-project-id
VITE_FIREBASE_STORAGE_BUCKET=your-storage-bucket
VITE_FIREBASE_MESSAGING_SENDER_ID=your-sender-id
VITE_FIREBASE_APP_ID=your-app-id

• Run the project:

npm run dev