Skip to content

ly441/expense-tracker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Expense Tracker App

A fast, modern, and minimalist expense tracker built with Vite and React. Add, view, search, sort, and delete expenses — perfect for budgeting practice or frontend learning.

deployment

https://app.netlify.com/sites/imaginative-chaja-801bb0/overview https://app.netlify.com/sites/glowing-palmier-0b25c0/deploys

Features

  • Add expenses with description, amount, and category
  • Filter expenses using a live search input
  • Sort alphabetically by description or category
  • Delete specific expenses from the table
  • Real-time updates using React state
  • Modular, clean component architecture
  • No backend — all client-side logic

Tech Stack

  • Vite – Lightning-fast frontend tooling
  • React – Component-based UI library
  • JavaScript (ES6+) – Modern logic
  • CSS or Tailwind CSS – Styling (based on your setup)

Project Structure

expense-tracker/ ├── index.html ├── vite.config.js ├── package.json ├── README.md └── src/ ├── main.jsx # App entry point ├── App.jsx # Root component └── components/ ├── ExpenseForm.jsx # Form to add expenses ├── ExpenseTable.jsx # Table view + delete/sort logic └── SearchBar.jsx # Input for filtering

Getting Started

1. Clone the Repository

git clone...your repo cd expense-tracker ##License This project is licensed under the MIT License. Feel free to use, remix, and share it.

##Support If you found this helpful:

Star the repo

Fork it

Use it for learning

Share it with others

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published