super-fitness

Developed a modern, responsive web application for Super Fitness, a platform offering online fitness training, personal trainers, nutrition plans, and live classes. The project focuses on performance, usability, and scalability.

Key Responsibilities:

Built the full frontend using React 18 + Vite for a fast development workflow.

Designed fully responsive UI with Tailwind CSS and ShadCN UI.

Implemented Cart and Checkout functionalities with React Query.

Developed dynamic and validated forms using React Hook Form + Zod.

Integrated multi-language support using UseIntl for localization.

Created smooth image carousels using Embla Carousel.

Enhanced UX with interactive Chatbot and Dark Mode support.

Prepared deployment setup on Vercel and configured environment variables securely.

Outcome:

Delivered a professional, fast, and mobile-friendly fitness platform with an engaging user experience, scalable architecture, and dynamic content to support online fitness training.

قمت بتطوير واجهة موقع Super Fitness وهو موقع حديث خاص بنظام تدريب ولياقة بدنية أونلاين.

المشروع يهدف إلى عرض خطط التمارين، المدربين، ونصائح التغذية بشكل تفاعلي وسريع الأداء.

قمت بتنفيذ المهام التالية:

بناء واجهة المستخدم بالكامل باستخدام React 18 + Vite لسرعة التطوير.

تصميم واجهة متجاوبة بالكامل باستخدام Tailwind CSS و ShadCN UI.

تطوير نظام Cart و Checkout باستخدام React Query لإدارة البيانات.

بناء نماذج تفاعلية مع التحقق من المدخلات باستخدام React Hook Form + Zod.

دعم تعدد اللغات (Localization) باستخدام UseIntl.

إنشاء Image Carousel ديناميكي باستخدام Embla Carousel.

تحسين تجربة المستخدم بإضافة Chatbot تفاعلي ونظام الوضع الداكن (Dark Mode).

إعداد البنية الكاملة للنشر عبر Vercel وضبط ملفات البيئة .env للأمان.

النتيجة:

تم إطلاق موقع احترافي وسريع الاستجابة يقدم تجربة مستخدم مميزة، متوافق مع الهواتف المحمولة، ويعرض محتوى ديناميكي يعزز من تجربة اللياقة البدنية الرقمية.