This is a simple expense tracker app built with React. It allows users to manage their expenses by adding, deleting, and filtering based on categories.
- Expense List: View a list of expenses with details such as description, amount, and category.
- Expense Form: Add new expenses with a form that includes validation for description, amount, and category.
- Expense Filter: Filter expenses based on categories to easily view specific types of expenses.
The project is organized into the following components:
ExpenseList
: Displays a table of expenses.ExpenseForm
: Form for adding new expenses with validation.ExpenseFilter
: Dropdown for filtering expenses by category.
- React
- React Hook Form for form handling
- Zod for form validation
- Bootstrap for styling
- Clone the repository.
- Install dependencies using
npm install
. - Run the app with
npm start
. - Access the app in your browser at
http://localhost:3000
.
- Add new expenses using the form.
- Delete expenses using the delete button in the expense list.
- Filter expenses by category using the category dropdown.
If you'd like to contribute to this project, please follow these steps:
- Fork the repository.
- Create a new branch for your feature or bug fix.
- Make your changes and submit a pull request.
This project is licensed under the MIT License.
Feel free to customize the README based on your specific project details and additional information you want to provide.