Skip to content

seAfnan/react-expense-app

Repository files navigation

Expense Tracker App

Description

This is a simple expense tracker web application built using React. It allows users to add expenses with details such as category, description, and amount. Users can view and delete expenses, as well as filter expenses by category.

Features

  • Add expenses with category, description, and amount.
  • View a list of expenses.
  • Filter expenses by category.
  • Delete expenses.

Setup

  1. Clone the repository.
  2. Navigate to the project directory.
  3. Install dependencies using npm install.
  4. Run the development server using npm run dev.

Usage

  1. Open the application in your web browser.
  2. Click on the "Add Expense" button to add a new expense.
  3. Select a category, enter details, and click "Add".
  4. View the list of expenses on the second page.
  5. Use the category filter to filter expenses.
  6. Click the delete button in each row to delete an expense.

Contributing

Contributions are welcome! Please fork the repository and submit a pull request with your changes.

Live Preview

https://react-expense-app-by-afnan.netlify.app/

About

Simple expense app in Vite, Tailwind and React for learning purpose.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published