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.


  • 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.


  1. Clone the repository:

    git clone https://github.com/Scynes/expense-tracker.git
  2. Navigate to the project directory:

    cd expense-tracker
  3. Install the dependencies:

    npm install


  1. Run the development server:

    npm run dev

    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


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.