A modern, user-friendly budget tracking application built with React and TypeScript.
- Set Total Budget: Enter your available funds for a specific period
- Add Expense Items: Create budget items with labels and amounts
- Recurring Expenses: Set how often costs recur (daily, weekly, etc.)
- Auto-Calculate Totals: Instantly see your total budget usage
- Real-Time Updates: Make adjustments and see changes immediately
- Clean Overview: Clear display of budget allocation and remaining funds
- Clone the repository:
git clone https://github.com/darlingson/fast_budget.git
- Install dependencies:
cd fast_budget
npm install
- Run the development server:
npm run dev
The application will start at http://localhost:5173
src/
: Source code directorysrc/App.tsx
: Main application componentsrc/BudgetApp.tsx
: Budget tracking logic and UIvite.config.ts
: Vite configurationtsconfig.json
: TypeScript configuration
- React
- TypeScript
- Vite
- Tailwind CSS (for styling)
- Set your total budget amount
- Add expense items with their respective amounts
- Configure recurrence for each expense
- Monitor your budget usage in real-time
- Adjust items as needed to stay within budget
Feel free to submit issues and enhancement requests!
This project is licensed under the MIT License - see the LICENSE file for details.