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 Demo View 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:

git clone https://github.com/Scynes/expense-tracker.git

1. Navigate to the project directory:

cd expense-tracker

1. Install the dependencies:

npm install

Usage

1. Run the development server:

npm run dev

1. This command will start the development server using Vite and open the app in your default web browser. You can access the app at http://localhost:5173.
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.