PennyWise is a web application designed to help users track their expenses efficiently. It provides a user-friendly interface for adding, viewing, and analyzing expenses over time, allowing users to manage their finances better.
- Add Expenses: Users can input the amount, category, and date of their expenses.
- Expense List: A dynamic table displays all recorded expenses with options to delete them.
- Total Expenses: The application calculates and displays the total amount spent.
- Charts: Visual representation of expenses by category and over time using Chart.js.
- Responsive Design: The application is designed to work on various screen sizes using Tailwind CSS.
- HTML
- CSS (Tailwind CSS)
- JavaScript
- Chart.js
- Local Storage API
To run the PennyWise application locally, follow these steps:
-
Clone the repository:
git clone https://github.com/muhammedmueen/PennyWise.git cd pennywise -
Open the
index.htmlfile in your web browser:open index.html # For macOS start index.html # For Windows xdg-open index.html # For Linux
-
Adding an Expense:
- Fill in the amount, category, and date in the provided form.
- Click the "Add Expense" button to save the expense.
-
Viewing Expenses:
- All added expenses will be displayed in a table below the form.
- The total expenses will be updated automatically.
-
Deleting an Expense:
- Click the trash icon next to an expense to remove it from the list.
-
Viewing Charts:
- The application displays two charts: one for expenses by category and another for expenses over time.
Contributions are welcome! If you have suggestions for improvements or new features, please fork the repository and submit a pull request.
This project is licensed under the MIT License. See the LICENSE file for details.
- Tailwind CSS for the styling framework.
- Chart.js for the charting library.
- Feather Icons for the icons used in the application.