💰 TrackIT Web App

A modern, feature-rich expense and money-tracking web application built using React (TypeScript), Node.js (Express), and MySQL.

---

🚀 Features

• ✅ User Authentication (Sign Up, Login, Logout)
• ✅ JWT-Based Authorization
• ✅ Dark/Light Mode

---

---

🛠️ Tech Stack

Frontend

• ⚛️ React (TypeScript)
• 🎨 TailwindCSS
• 🔄 React Hook Form
• 📊 Recharts (Charts & Graphs)
• 🚏 React Router (Navigation)

Backend

• 🟢 Node.js & Express
• 🗄️ MySQL (Database)
• 🔑 HTTP Only Authentication
• 🔐 bcrypt (Password Hashing)

---

---

⚙️ Installation

1️⃣ Clone the Repository

git clone https://github.com/Oyeins-GUI/Brainwave_Matrix_Intern.git
cd Brainwave_Matrix_Intern

2️⃣ Set up Frontend

cd frontend
npm install
or
yarn add
npm run dev

3️⃣ Set up Backend

cd backend
npm install
or
yarn add
npm run dev

---

---

📌 To-Do (Future Enhancements)

• ✅ Add, Edit, and Delete Transactions (Income & Expenses)
• ✅ Categorized Expense Tracking
• ✅ Monthly Financial Summary (Total Balance, Income, Expenses)
• ✅ Interactive Charts for Expense Breakdown
• ✅ Recent Transactions Table
• ✅ PWA Support (Offline Mode)
• ✅ Export Expenses as CSV
• ✅ Budget Alerts & Reminders
• ✅ Multi-Currency Support
• ✅ Recurring Transactions
• ✅ AI-based Expense Insights

---

---

💡 Contributing

We welcome contributions! If you want to help improve this project:

1. Fork the repository.
2. Create a new branch (feature-name).
3. Make your changes and commit with a descriptive message.
4. Push to your branch and create a Pull Request (PR).

Feel free to open an issue if you find any bugs or have feature requests!

---

---

📩 Contact

For questions or support, reach out via:

• GitHub Issues: Open an Issue
• Email: oyeinbomoopuene@gmail.com
• Portfolio: Reach out to me via my website

---