مركز الصحة النفسية - 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