Expensify

A simple expense tracker built with Vue 3 and Vite.
This is my first project using Vue, created as a learning experience.

Stack

• Vue 3
• Vite
• Tailwind CSS
• Tabler Icons

Features

1. Add Expenses: Users can input expense details, including title, description, amount, category, and date.
2. View Expense List: Display all added expenses in a list.
3. Delete Expenses: Remove any expense from the list.
4. Filter by Category: View expenses for a specific category using a filter.
5. Calculate Totals: Show the total amount spent and display totals broken down by category.
6. Track Dates: Organize and display expenses by date.

Project Setup

pnpm install

Compile and Hot-Reload for Development

pnpm dev

Type-Check, Compile and Minify for Production

pnpm build

Run Unit Tests with Vitest

pnpm test:unit

Lint with ESLint

pnpm lint