💸 AI-Powered Budget Tracker

An AI-powered budget tracking web application built with React, Tailwind CSS, and modern tools to help students (and anyone) manage their money better.
Track income, expenses, and savings with beautiful charts, smart insights, and AI-powered recommendations.

---

📸 Screenshot

---

✨ Features

• ✅ Add Income & Expenses – Allowance, scholarships, part-time jobs, food, transport, books, entertainment, etc.
• ✅ Visual Charts & Analytics – Pie/Bar/Line charts to track spending habits.
• ✅ Smart Insights (AI Powered) – Get AI suggestions for saving money and managing expenses.
• ✅ Budget Goals – Set monthly budgets and get alerts when you are close to overspending.
• ✅ Responsive UI – Mobile-friendly, clean, and modern design using Tailwind CSS.

---

🚀 Tech Stack

• Frontend: React + Vite + Ts
• Styling: Tailwind CSS, shadcn/ui
• State Management: React Hooks
• Charts: Recharts (or Chart.js)
• AI Integration: Gemini API (or any AI service for recommendations)

---

📦 Installation & Setup

1. Clone the Repository

git clone https://github.com/abdullahal5/Ai-Powered-Budget-Tracker-Client.git
cd Ai-Powered-Budget-Tracker-Client
npm install
# or
yarn install

---

🔑 Environment Variables

Create a .env file in the root of the project and add the following variables (use your own secure values instead of these demo placeholders):

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=YOUR_CLERK_PUBLISHABLE_KEY
CLERK_SECRET_KEY=YOUR_CLERK_SECRET_KEY
NEXT_PUBLIC_API_BASE_URL=https://ai-powered-expense-tracker-server.vercel.app/api/v1

---

🌐 Backend

• Server Repo: Link
• Live API: https://ai-powered-expense-tracker-server.vercel.app