💰 Money Guard

Money Guard is a modern personal finance management application that allows you to track income, expenses, and statistics with an intuitive interface.
Built with React, Redux Toolkit, Redux Persist, React Hook Form, Yup, Chart.js, and Monobank API integration.

---

✨ Features

• 🔐 Authentication
  Register & log in with form validation, auto-login after registration, and secure token storage using redux-persist.

• 📊 Dashboard
  See your balance, transactions, and real-time currency exchange rates.

• 💸 Transactions Management
  Add, edit, and delete income or expense records with instant balance updates.

• 📈 Statistics
  Visualize your expenses with charts and tables filtered by month/year.

• 🌍 Currency Tab
  Fetch latest currency rates from Monobank API, with smart caching (1h localStorage optimization).

• 📱 Responsive Design
  Optimized layouts for mobile, tablet, and desktop.

---

🖼️ Screenshots

🔑 Login Page

🏠 Home Dashboard

📊 Statistics Page

📱 Mobile View

---

🛠️ Tech Stack

• Frontend: React, Redux Toolkit, Redux Persist
• Forms & Validation: React Hook Form, Yup
• Charts: Chart.js (react-chartjs-2)
• Routing: React Router DOM
• Date Picker: React Datepicker
• UI/UX: Custom global styles, responsive layouts, gradient design
• API: Monobank API for currency rates, custom backend for auth & transactions

---

🚀 Getting Started

Clone the repository:

git clone https://github.com/zekirovskii/money-guard.git
cd money-guard

Install dependencies:

npm install

Run the development server:

npm start

👨‍💻 Author Developed by Yusuf Şengöz.

Feel free to connect and share feedback!