SyncFocus – لوحة تحكم ذكية للإنتاجية

منصة شاملة تساعد على تنظيم الدراسة، تتبّع النفقات، مراقبة الحالة المزاجية، والحفاظ على الصحة في مكان واحد.

تم تطويرها باستخدام React وTailwind CSS مع تصميم عصري يركز على سهولة الاستخدام والتجربة البصرية.

أبرز المزايا:

لوحة تحكم تفاعلية لعرض جميع الإحصائيات بشكل سريع.

خاصية "إضافة سريعة" لتسهيل تسجيل البيانات.

تتبّع عادات الدراسة مع رسوم بيانية توضيحية لساعات التركيز.

إدارة المصروفات مع تصنيف النفقات وتحليلات رسومية.

تسجيل الحالة المزاجية اليومية وتحليل الأنماط العاطفية.

تتبّع الصحة (الماء، النوم، التمارين) ومراقبة الأهداف الصحية.

مزامنة فورية عبر Firebase مع تسجيل دخول آمن.

دعم الوضع الليلي للتخصيص.

إمكانية سحب وإفلات لإعادة ترتيب العناصر.

نظام إنجازات ومتابعة "Streaks" للتحفيز.

التقنيات المستخدمة: React 19 – Tailwind CSS – Vite – Recharts – Firebase – LocalStorage

-----------------------------------------------------------------------------------------------------

SyncFocus – Smart Productivity Dashboard

An all-in-one productivity hub designed to track study habits, expenses, mood, and health in perfect sync.

Built with React and Tailwind CSS, with a clean and modern design optimized for usability and performance.

Key Features:

Interactive dashboard for quick access to all stats.

Quick Add feature for fast entries.

Study tracker with charts and focus time visualization.

Expense management with categorized tracking and insights.

Mood tracker with pattern detection for emotional well-being.

Health tracker for water, sleep, and workouts with goal tracking.

Real-time syncing and authentication via Firebase.

Dark mode toggle for personalization.

Drag-and-drop reordering for flexible organization.

Streak and achievements system for motivation.

Tech Stack: React 19 – Tailwind CSS – Vite – Recharts – Firebase – LocalStorage