بصفتي مطوّر الواجهات الأمامية لمنصة Ramen Pharma، قمتُ ببناء موقع إلكتروني عالي الأداء ومتجاوب بالكامل لصالح شركة أدوية حقيقية، بهدف عرض المنتجات والرعاة ومواقع الفروع المنتشرة في أنحاء مصر.
تم تطوير المنصة باستخدام Next.js وTypeScript وTailwind CSS مع إضافات تفاعلية عبر Framer Motion. من أبرز ميزاتها خريطة تفاعلية تعتمد على Leaflet.js لعرض مواقع الصيدليات بناءً على خطوط الطول والعرض بشكل ديناميكي.
توليت كامل عملية تطوير الواجهة الأمامية بدءًا من تصميم wireframes وحتى إطلاق النسخة النهائية، وقمت بدمج الواجهة مع واجهة برمجية خلفية مبنية بـ Laravel باستخدام مصادقة JWT.
كان الأداء وتحسين محركات البحث (SEO) من الأولويات، وتم تحقيقهما من خلال:
تقسيم الكود (Code Splitting)
التحميل الكسول (Lazy Loading)
تحسين تحميل الأصول (Assets Optimization)
النتيجة كانت منصة صحية نظيفة، سريعة الوصول، وسهلة الاستخدام — وتم تسليمها قبل الموعد المحدد بيوم كامل. يُبرز هذا المشروع مهاراتي في تكامل واجهات برمجة التطبيقات (API)، التصميم المتجاوب (Responsive Design)، والتنفيذ الواقعي تحت ضغط المواعيد النهائية.