Moustafa Shaaban

Appearance

Vue-Expense-Tracker ​

Expenses tracker app built using:

Live Preview ​

Vue Expense Tracker App

Project Goals ​

  • Create, Read, Update and Delete (CRUD) transactions.

  • Create, Read, Update and Delete (CRUD) transactions tags.

  • Link transactions by tags.

  • Persist transactions and Tags using the localStorage API.

  • Search for transactions by transaction name or amount.

  • Visualize Transactions Data on Pie Charts to track incomes, expenses, and expenses by tags.

  • Exporting Data into CSV file.

To get started with this project ​

  • Clone the repository: git clone https://github.com/Moustafa-Shaaban/Vue-Expense-Tracker.git

  • Change directory to Vue-Expense-Tracker directory cd Vue-Expense-Tracker

  • Install the packages npm install

  • Run the development server npm run dev

  • Open the web browser and go to http://localhost:5173/ to see the results.

Vue 3 + Vite ​

This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.