https://github.com/ajawad06/expense-tracker

A beginner friendly React project for practicing forms and reusable components.
https://github.com/ajawad06/expense-tracker

bootstrap react-hooks reactjs typescript zod

Last synced: 2 months ago
JSON representation

A beginner friendly React project for practicing forms and reusable components.

• Host: GitHub
• URL: https://github.com/ajawad06/expense-tracker
• Owner: ajawad06
• Created: 2025-08-31T10:23:33.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2025-08-31T10:37:08.000Z (10 months ago)
• Last Synced: 2025-08-31T12:25:50.563Z (10 months ago)
• Topics: bootstrap, react-hooks, reactjs, typescript, zod
• Language: TypeScript
• Homepage:
• Size: 26.4 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Expense Tracker

This is a **Expense Tracker App** built during the learning phase of **React 18**.  

The project demonstrates how to build **forms in React** using both controlled components and schema validation with **Zod**.

---

## 🚀 Features

- Add expenses with **description, amount, and category**  

- Categories limited to **Utilities, Entertainment, and Groceries**  

- Form validation using **Zod**  

- Clean and reusable components  

- State management with **React hooks**

---

## 🛠️ Tech Stack

- **React 18**

- **Zod** (for validation)

- **React Hook Form** (for form handling)

- **Bootstrap** (for styling)