https://github.com/tapiwamakandigona/expense-tracker
Personal expense tracker with charts, categories, budgets, and CSV export | React + TypeScript
https://github.com/tapiwamakandigona/expense-tracker
budgeting charts csv-export expense-tracker finance local-first localstorage privacy react typescript
Last synced: 3 months ago
JSON representation
Personal expense tracker with charts, categories, budgets, and CSV export | React + TypeScript
- Host: GitHub
- URL: https://github.com/tapiwamakandigona/expense-tracker
- Owner: tapiwamakandigona
- License: other
- Created: 2026-02-18T10:02:38.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2026-02-27T14:13:05.000Z (4 months ago)
- Last Synced: 2026-02-27T19:22:45.261Z (4 months ago)
- Topics: budgeting, charts, csv-export, expense-tracker, finance, local-first, localstorage, privacy, react, typescript
- Language: TypeScript
- Homepage: https://tapiwamakandigona.github.io/expense-tracker/
- Size: 42 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md
Awesome Lists containing this project
README
Expense Tracker (React + TypeScript)
A modern, privacy-focused expense tracker with interactive charts, budget categories, and seamless CSV export. Built exclusively with React and TypeScript.
---
## ⚡ What Makes It Special?
Unlike typical budgeting apps that require you to create an account and hand over banking credentials, this app is **100% Local-First**. Your financial data is securely stored in your browser's local storage and never leaves your device unless you explicitly export it.
Recently upgraded with a **sleek, glassmorphic UI design**, complete with vibrant gradients, fluid micro-animations, and a true dark mode aesthetic.
## 📊 Features
| Feature | Description |
|---------|-------------|
| **Interactive Analytics** | Visual breakdowns of spending via dynamic progress bars and charts |
| **Local-First Privacy** | Zero backend dependencies; `localStorage` persistence |
| **Category Management** | Auto-calculated category rollups for instant budget insights |
| **One-Click Export** | Export your raw transaction history to CSV format anytime |
| **Smart Filtering** | Filter transactions by date range (This Week, This Month, All Time) |
| **Sleek UI** | Glassmorphic cards, gradient text, and fluid micro-transitions |
---
## 🛠️ Technology Stack
- **Frontend:** React 19, TypeScript
- **Styling:** Custom Vanilla CSS (Zero Bloat Frameworks)
- **State:** React Hooks + LocalStorage API
- **Build/Dev:** Vite
- **CI/CD:** GitHub Actions → GitHub Pages
---
## 🚀 Quick Start
```bash
git clone https://github.com/tapiwamakandigona/expense-tracker.git
cd expense-tracker
npm install
npm run dev
```
### To build for production:
```bash
npm run build
```
---