Trackify هو تطبيق ويب حديث قمت بتطويره باستخدام Next.js، Supabase، Redux Toolkit، Tailwind CSS، و Framer Motion. يهدف التطبيق إلى مساعدة المستخدمين على إدارة مصاريفهم ودخلهم بشكل منظم من خلال واجهة سهلة الاستخدام وتصميم عصري.
المميزات:
تسجيل دخول وحماية المسارات: المستخدم لا يستطيع الوصول لصفحات التطبيق إلا بعد تسجيل الدخول (Route Protection).
لوحة تحكم (Dashboard): تعرض الرصيد الحالي والعمليات الأخيرة بشكل واضح ومنظم.
إضافة وتتبع المعاملات: إمكانية إضافة مصاريف أو دخل جديد مع تفاصيله.
الوضع الداكن (Dark Mode): لتجربة مريحة للعين.
تصميم متجاوب وحديث: يعمل بسلاسة على جميع الأجهزة (موبايل، تابلت، كمبيوتر).
رسوم بيانية تفاعلية: باستخدام مكتبة Recharts لعرض البيانات بشكل بصري واضح.
أنيميشن سلسة: عبر Framer Motion لإضفاء تجربة مستخدم مميزة.
️ التقنيات المستخدمة:
Frontend: Next.js
Backend : Supabase
State Management: Redux Toolkit
Styling: Tailwind CSS
Animations: Framer Motion
Data Visualization: Recharts