iBudget is a modern personal budgeting app built to help users manage their money in one place and build a community around the need of budgeting to become the new social norm.

iBudget helps users keep track of their finances through an interactive and user-friendly interface. The base goal of the app is to make budgeting easier by giving users a clear view of their spending, savings, debt, and financial habits.

• Budget tracking and financial planning
• Expense and spending management
• Savings monitoring
• Debt tracking
• Financial insights through a clean dashboard
• Modern front-end interface built with Vite and TypeScript

iBudget goes beyond traditional budgeting tools by turning financial responsibility into something personal, visible, and socially motivating.

Our standout feature is the MoneyTree — a tree cultivated by the user that grows as their savings grow. Instead of treating budgeting as a dry or purely restrictive task, the app transforms progress into something living and rewarding. Every saving milestone contributes to the growth of the tree, giving users a visual representation of their discipline, consistency, and financial goals.

This idea is inspired by a growing social shift: being financially responsible is starting to become more valued, more visible, and more aspirational. More people want to save better, spend smarter, and take control of their finances. But by human nature, motivation often fades when achievements stay private and unnoticed.

iBudget solves that problem by creating a community-based experience around financial growth. Users are not only able to track their goals, but also share their progress, victories, and milestones with friends. Through this social and game-like environment, budgeting becomes more than a personal task — it becomes an experience that is encouraging, engaging, and worth sustaining.

In other words, we do not just help users save money. We give them a space to see their progress, celebrate their achievements, and stay motivated through community.

• Vite
• TypeScript
• HTML/CSS
• Node.js / npm

The repository currently includes the following main files and folders:

• src/
• index.html
• package.json
• vite.config.ts
• postcss.config.mjs

git clone https://github.com/Gibraltar-47/BestBudgetApp.git
cd BestBudgetApp

### 2. Install dependencies

npm install

### 3. Start the development server

npm run dev

### 4.Open the app in your browser

After starting the server, open the local URL shown in your terminal, usually something like:
http://localhost:5173


Enjoy!!