Welcome to ExpenseTracker! This project is designed to help you efficiently keep track of your expenses. It provides a user-friendly form with validation to ensure accurate data entry. You can categorize your expenses into Groceries, Utilities, and Entertainment, and view them in a dynamically updating table. Additionally, you have the option to calculate expenses by category, providing you with a clear overview of your spending habits.
- User-friendly form powered by react-hook-form for seamless data entry.
- Form validation using zod library to ensure accurate input.
- Three required fields: Description, Amount, and Category.
- Categories available: Groceries, Utilities, and Entertainment.
- Dynamically updating table displays entered item details.
- Delete button for removing unnecessary items.
- Real-time total expense calculation based on user input.
- Category-specific expense calculation for detailed insights.
- Beautifully styled using Bootstrap classes for an enhanced user experience.
- Clone the repository to your local machine.
- Navigate to the project directory.
- Install dependencies using
npm install. - Start the project with
npm run dev. - Open the application in your preferred web browser.
- React
- react-hook-form
- zod
- Bootstrap
If you'd like to contribute to ExpenseTracker, please follow these steps:
- Fork the repository.
- Create a new branch for your feature or bug fix.
- Make your changes and commit them with descriptive messages.
- Push your changes to your fork.
- Submit a pull request to the original repository.
If you have any feedback or suggestions, please feel free to open an issue or contact me.
Thank you for using ExpenseTracker! Keep track of your expenses and make informed financial decisions. Happy budgeting!