في هذا المشروع، قمت ببناء واجهة تطبيق ويب متكاملة لمنصة استشارات غذائية وصحية (Nutritionist). التركيز الأساسي كان على تقديم تجربة تصفح هادئة، منظمة، واحترافية تعكس هوية المواقع الطبية الحديثة.
ما الذي يميز هذا المشروع؟
بناء شامل للأقسام: الموقع لا يقتصر على صفحة واحدة، بل يضم صفحات متكاملة (عن الفريق، مراحل العمل، باقات الأسعار، والمدونة) لتقديم صورة كاملة عن الخدمة.
جداول الأسعار والمميزات: صممت قسم الأسعار (Pricing) بشكل واضح وسهل للمستخدم ليتمكن من المقارنة بين الباقات المختلفة بسلاسة.
مدونة تفاعلية: قسم الـ Blogs مبني بشكل يسمح بعرض المقالات الصحية بطريقة منظمة تشجع المستخدم على القراءة.
سهولة التواصل وحجز المواعيد: تم دمج نماذج تواصل ذكية للتحقق من البيانات (Validation) لتسهيل عملية طلب الاستشارات أو التواصل مع الفريق.
التوافق الكامل: الموقع يعمل بكفاءة عالية على جميع الأجهزة (موبايل، تابلت، كمبيوتر) مع الحفاظ على سرعة الاستجابة.
التقنيات المستخدمة:
React 19 لضمان أداء حديث ومستقر.
Tailwind CSS لتصميم الواجهات بأسلوب عصري وألوان متناسقة.
React Router للتنقل السلس بين الـ 7 صفحات المختلفة للموقع.
Formik & Yup لإدارة نماذج التسجيل والتواصل بدقة.