https://github.com/younusaliakash/expense-tracker
Efficiently manage finances with Vue.js 3 Expense Tracker. Add, remove, and track transactions effortlessly. Real-time grand amount calculations and automatic income-expense totals provide a comprehensive overview. Enjoy seamless local storage for persistent data across sessions.
https://github.com/younusaliakash/expense-tracker
vue-composition-api vue3 vuejs
Last synced: 2 months ago
JSON representation
Efficiently manage finances with Vue.js 3 Expense Tracker. Add, remove, and track transactions effortlessly. Real-time grand amount calculations and automatic income-expense totals provide a comprehensive overview. Enjoy seamless local storage for persistent data across sessions.
- Host: GitHub
- URL: https://github.com/younusaliakash/expense-tracker
- Owner: younusaliakash
- Created: 2023-11-14T13:20:30.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2023-11-15T11:02:10.000Z (over 1 year ago)
- Last Synced: 2025-02-01T05:18:23.442Z (4 months ago)
- Topics: vue-composition-api, vue3, vuejs
- Language: Vue
- Homepage:
- Size: 18.6 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Vue.js 3 Expense Tracker
## Overview
This Vue.js 3 Expense Tracker is an application designed for managing income and expenses. It utilizes the latest Vue.js directives, Composition API, and script setup for clean and organized code. The app features the ability to add, remove, and track financial transactions, along with automatic calculations and local storage persistence.
## Features
- **Add Income and Expense:** Users can add transactions with labels and amounts.
- **Remove Specific Transaction:** Users can remove specific transactions.
- **Calculate Grand Amount:** The header displays the grand amount for an overview.
- **Automatic Calculation:** The Income and Expense board automatically totals income and expenses.
- **Local Storage Persistence:** Data is saved to local storage for user convenience.
## Technology Stack
- **Vue.js 3:** Utilizes the Composition API and script setup for code organization.
- **Vue-Toastification Package:** Integrated for user-friendly notifications.
- **CSS:** Styling for a clean and responsive user interface.
## Getting Started
```sh
npm install
```
### Compile and Hot-Reload for Development
```sh
npm run dev
```
### Compile and Minify for Production
```sh
npm run build
```