Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Personal Budget Tracker

This is a simple web application to track your personal budget. It allows you to add income and expense transactions, view a summary of your finances, and toggle between light and dark modes.

Features

  • Add Transactions: Add income or expense transactions with a description and amount.
  • Transaction History: View a list of all transactions with the ability to delete individual transactions.
  • Summary: View the total income, total expenses, and savings.
  • Dark Mode: Toggle between light and dark modes for better visibility.
  • Persistent Data: Transactions and dark mode preference are saved in local storage.

Technologies Used

  • HTML
  • CSS
  • JavaScript

How to Use

  1. Open index.html in your web browser.
  2. Add a transaction by entering a description, amount, and selecting the type (income or expense).
  3. Click the "Add" button to add the transaction.
  4. View the summary and transaction history.
  5. Toggle dark mode using the "Toggle Dark Mode" button.
  6. Clear all transactions using the "Clear History" button.

Project Structure

  • css/styles.css: Contains the styles for the application.
  • js/script.js: Contains the JavaScript code for handling transactions and UI updates.
  • index.html: The main HTML file for the application.
  • img/: Directory for images.

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages