Loading...
Go Back

Expense Tracker Website - Spend Wise

project

Project Overview

SpendWise is a web-based expense tracker designed to help users efficiently manage their finances by recording and categorizing their expenses. This application provides an easy-to-use interface for users to input their daily expenses, view their spending history, and gain insights into their spending habits.

Key Features

  1. Expense Entry:
    • Users can enter details of their expenses, including the expense name, amount spent, and category.
    • The category can be selected from predefined options or added as a new category.
  2. Expense List:
    • All entered expenses are displayed in a table format, including columns for expense name, amount, category, Time and Date and actions.
    • Users can easily identify and manage their expenses.
  3. Expense Editing:
    • Users can edit the details of any expense directly from the list.
    • This feature allows users to update expense names, amounts, and categories.
  4. Expense Deletion:
    • Expenses can be deleted individually.
    • A confirmation prompt ensures that accidental deletions are avoided.
  5. Total Amount Display:
    • The application calculates and displays the total amount spent by the user.
  6. Category Subtotals:
    • SpendWise provides category-specific subtotals, showing how much was spent in each expense category.
  7. Footer::
    • The application includes a footer displaying the copyright information.

Project Technologies

  1. HTML5
  2. CSS3
  3. JavaScript
  4. Bootstrap (for styling)
  5. Font Awesome (for icons)

User Instructions

  1. Fill out the expense details:
    • Enter the name of the expense in the "Expense Name" field.
    • Specify the amount spent in the "Amount" field.
    • Select a category from the dropdown menu or add a new category.
  2. Click the "Add Expense" button to add the expense to your list.
  3. Manage your expenses:
    • Edit an expense: Click the edit icon (pencil) in the "Actions" column to modify the details.
    • Delete an expense: Click the delete icon (trash can) to remove it from the list.
  4. View your financial summary:
    • The "Total Amount" section displays the sum of all your expenses.
    • The "Category Subtotals" section shows the total amount spent in each expense category.

Project Benefits

  1. Efficiently track daily expenses.
  2. Gain insights into spending habits.
  3. Stay within budget and save money.
  4. Easily manage and categorize expenses.
  5. User-friendly interface.

Project Future Enhancements

  1. User authentication for multiple users.
  2. Data persistence (saving data between sessions).
  3. Data visualization with charts and graphs.
  4. Exporting expense reports.
  5. Monthly or yearly expense summaries.
© Mohamed Sharfiras, All Right Reserved.