/vue-expense-tracker

Expense tracker app using Vue

Primary LanguageVue

Vue Expense TRacker

A Vue.js-based web application designed for tracking and managing financial transactions, featuring functionalities like adding, listing, calculating totals, and persisting transactions in local storage, enhanced with user feedback through toast notifications.

Components

  • Header: Displays the header of the application.
  • Balance: Shows the total balance, calculated from all transactions.
  • IncomeExpenses: Displays the total income and expenses separately.
  • TransactionList: Lists all transactions and allows for the deletion of individual transactions.
  • AddTransaction: Provides a form to add new transactions.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build