DimeLine Budget Tracker

DimeLine is a budget tracking application built with pure HTML, CSS (Tailwind CSS), and vanilla JavaScript.

---

Features

• Responsive Design
• Transaction History
• Financial Summary
• Data Persistence
• Interactive Pie Chart
• Filtering & Searching

---

Technologies Used

• HTML5
• Tailwind CSS
• Vanilla JavaScript
• Chart.js

---

How to Use

1. Clone the project files from the repository.
2. Open the index.html file in your web browser.
3. Add Transactions: Use the form to add new transactions.
   • Enter a negative value for expenses (e.g., -5000)
   • Enter a positive value for income (e.g., 10000)
4. Explore Data by using the filter dropdown or the search bar to organize and find specific transactions.

---

Project Structure

• index.html – Main HTML file containing the app’s structure, tailwind css styling and linked scripts
• script.js – JavaScript file containing all the application logic

---

Future Enhancements

• Allow users to categorize transactions (e.g., food, bills, transport) for more detailed analysis.
• Add a login system to enable cloud-based data storage and multi-device access.
• Set and track spending goals for different categories.
• Add multiple theme features

---

Author

Made with ❤️ by Faithy Raymond