Tracky is a sleek, responsive, and fully client-side budget tracking web application built with HTML, Tailwind CSS, and React (CDN). Designed to help users manage income and expenses effortlessly, Tracky features real-time calculations, local storage, and a minimal aesthetic inspired by the old-money design style.

🚀 Features 💰 Add Transactions — Input income or expense with just a few clicks

🔄 Real-time Updates — Balance, income, and expenses update instantly

🧾 Delete Transactions — Modify your record anytime with a single click

📦 LocalStorage — No backend needed. Data is stored in your browser

📱 Responsive UI — Works seamlessly across desktop, tablet, and mobile

🧑‍🎨 Elegant UI — Classy old-money aesthetic with a focus on readability and simplicity

🔗 Multi-Page App — Includes index.html (dashboard) & add.html (form)

🛠 Tech Stack Frontend: HTML5, Tailwind CSS, React (via CDN)

Logic: Vanilla JavaScript (inside React JSX)

Storage: LocalStorage (no backend/database)

📂 How to Use Clone the Repository

bash Copy Edit git clone https://github.com/your-username/tracky-budget-tracker.git cd tracky-budget-tracker Open index.html in Browser Just double-click index.html or serve using any live server extension in VS Code.

Add a Transaction Click on + Add Transaction → Fill the form on add.html → Submit → You’ll be redirected to the updated dashboard.

markdown

Copy

📬 Want to Collaborate or Customize? Feel free to fork this repo or submit a pull request. You can also reach out if you’d like to turn this into a full-stack app!

© 2025 Vishwajeet Singh