Skip to content

FrontEndExplorer-Temp/Expense-Tracker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 

Repository files navigation

💰 Expense Tracker

A simple, responsive web app to manage your daily expenses. Built with HTML, CSS (Bootstrap), and JavaScript, with persistent storage via localStorage — no backend required.


📸 Demo

Screenshot of Expense Tracker


✨ Features

  • ✅ Add expenses with name, category, amount, and date
  • ✅ Filter expenses by category or date range
  • ✅ Search by name, category, or amount
  • ✅ Set and visualize a monthly budget
  • ✅ View total expenses in real-time
  • ✅ Delete individual expense entries
  • ✅ Persistent data via localStorage
  • ✅ Export data to CSV and PDF
  • ✅ Responsive design powered by Bootstrap
  • ✅ Visual reports and summaries using Chart.js
  • ✅ 🔄 Dark mode toggle for better accessibility

🚀 Live Demo

🔗 Try it on Netlify


🧰 Tech Stack

  • Frontend: HTML, CSS, JavaScript
  • Styling: Bootstrap 5, custom CSS
  • Charts: Chart.js
  • Storage: Browser localStorage
  • Export Tools: PapaParse & jsPDF

📂 Project Structure

├── assets/ │ ├── css/ │ │ └── style.css │ ├── images/ │ │ ├── favicon.ico │ │ └── screenshot.png │ └── js/ │ └── script.js ├── README.md └── index.html


📦 Installation & Usage

  1. Clone or download this repository.
  2. Open index.html or workspaces.html in your preferred browser.
  3. All your data is stored locally — no account or server needed.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published