Expense Tracker

Expense Tracker is a TypeScript and React-based project aimed at helping you manage and track your expenses efficiently. This project serves as a practical application of TypeScript and React concepts and was developed to enhance proficiency in these technologies.

View DemoView Github

Features

• Expense Input: Easily input your expenses, providing details such as the amount, description, and category.
• Categorization: Categorize your expenses to gain insights into your spending patterns.
• Validation: Leverage the react-hook-form and zod libraries for streamlined form validation.
• Interactive UI: The user-friendly interface, built with React and Vite, ensures smooth and engaging interactions.
• Data Visualization: Gain quick insights into your financial trends with simple yet effective expense visualizations.

Installation

1. Clone the repository:

2. Navigate to the project directory:

3. Install the dependencies:

Usage

1. Run the development server:

2. Input your expenses, categorize them, and witness the power of effective expense tracking!

Technologies Used

• TypeScript
• React
• React Hook Form
• Zod
• Vite

Contributing

Contributions are highly encouraged! To contribute to the project:

1. Fork the repository.
2. Create a new branch for your feature: git checkout -b feature-name
3. Develop and test your feature or enhancement.
4. Commit and push your changes.
5. Open a pull request detailing your changes and their benefits.