The Study Solution – تطوير واجهة منصة تعليمية (React / Next.js)

ملخص المشروع:

عملت على تطوير الواجهة الأمامية لمنصة استشارات تعليمية متكاملة باستخدام React.js وNext.js وTailwind CSS. حافظت على هيكلية الـ SEO الخاصة بالموقع القديم لضمان ترتيب البحث، مع تحديث الواجهة بالكامل لتصبح حديثة وسريعة ومتجاوبة.

مسؤوليتي في المشروع:

- تحويل تصميم Figma إلى واجهة Pixel-Perfect

- بناء Landing Page متفاعلة وجذابة

- إنشاء صفحات ديناميكية للجامعات والتخصصات (كل جامعة/تخصص له صفحة خاصة)

- بناء نظام مقالات ديناميكي (كل مقال له صفحة خاصة)

- ربط الواجهة الأمامية بالـ Dashboard

- تنفيذ دعم تعدد اللغات

- تحسين الـ SEO والحفاظ على هيكل الموقع القديم

- إنشاء Contact Form متكامل للتواصل مع الشركة

- إضافة قسم الأسئلة الشائعة (FAQ)

- ضمان تصميم متجاوب على جميع الأجهزة

المميزات التقنية:

- Dynamic Routing باستخدام Next.js

- بنية صفحات قابلة للتوسع وإدارتها من Dashboard

- تحسين SEO مع Metadata مخصصة لكل صفحة بالإضافة إلى sitemap.xml و robots.txt للموقع

- هيكلية Components نظيفة وقابلة للصيانة

- استخدام Tailwind CSS لتصميم واجهة حديثة ومتناسقة