Expense Tracker

A modern and intuitive Expense Tracker Web Application built using ReactJS and Apache ECharts to help users efficiently manage and visualize their monthly spending.

Overview

This project allows users to track daily expenses, categorize spending, and gain insights through interactive pie chart visualizations. It focuses on a clean UI, smooth user experience, and meaningful financial insights.

Features

• ➕ Add and manage expenses with ease
• 📅 Filter expenses by month
• 🗂️ Categorize spending (Food, Travel, Bills, etc.)
• 📊 Interactive pie chart visualization of expenses
• 💾 Persistent data using LocalStorage
• 📱 Responsive and user-friendly interface

Problem It Solves

Managing daily expenses manually can be confusing and inefficient. This application provides:

• A centralized platform to log expenses
• A visual breakdown of spending habits
• Better awareness for financial decision-making

Tech Stack

• Frontend: ReactJS (Vite)

• Data Visualization: Apache ECharts

• Styling: CSS, Tailwind

• Storage: Browser LocalStorage

Visualization

The application uses Apache ECharts to display:

• Category-wise expense distribution
• Percentage contribution of each category
• Interactive and dynamic chart updates