safe space

نبذة عن المشروع:

قمت بتصميم وتطوير الواجهة الأمامية بالكامل لمنصة رقمية متخصصة في الصحة النفسية والدعم النفسي (Mental Health). هدف المشروع هو توفير مساحة رقمية آمنة، مريحة، وسهلة التصفح للمستخدمين للوصول إلى المعلومات والنصائح التي تدعم سلامهم النفسي، مع التركيز على خلق تجربة بصرية تبعث على الهدوء والطمأنينة.

✨ الميزات الواجهية وتجربة المستخدم (UI/UX) التي قمت بتنفيذها:

هوية بصرية مريحة ونظيفة: اختيار وتنسيق ألوان هادئة ومريحة جداً للعين (Pastel Colors) مع هوامش ومساحات بيضاء مدروسة، لتقليل التشتت البصري ومنح الزائر شعوراً بالراحة والأمان بمجرد دخول الموقع.

تصفح سلس وسريع الاستجابة (Responsive): تطويع الواجهات لتكون متجاوبة بالكامل ومتناسقة على شاشات الهواتف الذكية والأجهزة اللوحية والحواسيب، لضمان وصول المستخدم للدعم في أي وقت ومن أي جهاز.

هيكلة وعرض المحتوى التوعوي: تنظيم المقالات، النصائح، والخدمات النفسية في بطاقات وقوائم تفاعلية عصرية وجذابة تسهل عملية القراءة والاطلاع.

إدارة الحالة بأداء خفيف: الاعتماد على معمارية React المدمجة لإدارة البيانات والانتقالات داخل الموقع بسلاسة فائقة وبأقل استهلاك لموارد المتصفح.

🛠️ التقنيات المستخدمة في التنفيذ:

React.js / Next.js: لبناء المكونات (Components) الديناميكية وتأمين أداء فائق السرعة وتجربة تصفح فورية.

Tailwind CSS: لبناء الهوية البصرية وتنسيق الألوان والتجاوب مع الشاشات بأسلوب برميجي مرن ونظيف جداً.

React Context API: لإدارة الحالات وتمرير البيانات الأساسية بين صفحات المنصة بكفاءة وخفة.

(ملاحظة: يمكنك الاطلاع على كود المشروع المنظم عبر رابط المعاينة أو المستودع المرفق)