Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

💰 Expense Tracker

A modern and responsive Expense Tracker built using Vue 3 and the Composition API. The application allows users to manage their income and expenses, automatically calculate the current balance, and keep track of transaction history through a clean and intuitive interface.


🚀 Features

  • ➕ Add income and expense transactions
  • ❌ Delete transactions
  • 💰 Automatic balance calculation
  • 📈 Income and expense summary
  • 📜 Transaction history
  • ⚡ Built with Vue 3 Composition API

🛠️ Tech Stack

  • Vue 3
  • Composition API
  • JavaScript
  • HTML5
  • CSS3
  • Vite

📦 Installation

Clone the repository

git clone https://github.com/pradipNP/expense-tracker-vue-compositionAPI.git

Navigate to the project folder

cd vue-expense_tracker

Install dependencies

npm install

Run the development server

npm run dev

📸 Preview

Expense Tracker


📚 Learning Outcomes

This project helped me learn:

  • Vue 3 Fundamentals
  • Composition API
  • Props
  • Emits
  • Reactive State
  • Event Handling
  • Component Communication
  • Modern CSS Styling

🤝 Contributions

Contributions, suggestions, and improvements are welcome.


📄 License

This project is licensed under the MIT License.

About

A modern expense tracker built with Vue 3 Composition API to manage income, expenses, and balance with a simple, clean and responsive interface.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages