مركز الصحة النفسية - Mental health Center

تطبيق ويب تفاعلي ثنائي اللغة (عربي / إنجليزي) يُساعد المستخدمين على متابعة مشاعرهم وتحسين صحتهم النفسية عبر واجهة أنيقة وسلسة تدعم الوضع الفاتح والداكن. يُظهر رسومًا بيانية لتحليل البيانات النفسية ويُقدّم تجربة مستخدم عالية الجودة. المميزات: - واجهة ترحيبية جذابة مع إمكانية تغيير اللغة والوضع (فاتح / داكن). - تصميم ثنائي اللغة يتيح التبديل بين العربية والإنجليزية بسلاسة. - نظام تسجيل بيانات المستخدم وتحليل الحالة النفسية. - رسوم بيانية تفاعلية لعرض الإحصاءات (باستخدام Recharts). - صفحة رئيسية تعرض محتوى ديناميكي ومُصمم بدقة. - دعم كامل للوضع الليلي والنهاري باستخدام ThemeContext. - واجهة متجاوبة بالكامل تدعم جميع الأجهزة (كمبيوتر، تابلت، موبايل). A bilingual (Arabic/English) interactive web app that helps users track and improve their emotional well-being. It features elegant UI design, light/dark mode support, and dynamic data visualization to promote self-awareness. Features Beautiful landing interface with language and theme toggles. Seamless bilingual experience (Arabic & English). User input system to track psychological state. Interactive charts and visual feedback using Recharts. Dynamic homepage layout with tailored UX. Light/Dark mode support via ThemeContext. Smart data fetching and state management via Tanstack Query. Fully responsive layout optimized for all devices. : Built With React TypeScript React Router Tailwind CSS shadcn/ui Vite Context API (LanguageContext, ThemeContext) Tanstack Query (React Query) Lucide React Recharts