قمت بتطوير موقعي الشخصي كوسيلة للترويج المهني وعرض أعمالي بطريقة احترافية. مر المشروع بعدة مراحل أساسية تم تنفيذها بعناية لضمان الجودة وتجربة المستخدم:
1. اختيار التصميم: تم تحليل عدة تصاميم واستقرّ اختياري على تصميم مستوحى من واجهة تطبيق Notion لما يتميز به من بساطة وتنظيم.
2. تخصيص التصميم: استخدمت برنامج Figma لتعديل التصميم ليتناسب مع علامتي الشخصية واحتياجات المحتوى.
3. التنفيذ التقني: تم بناء الموقع باستخدام التقنيات التالية:
- React.js لبناء الواجهة بشكل مكوناتي (Component-based)
- SCSS لتنسيق مرن وقابل لإعادة الاستخدام
- Framer Motion لإضافة حركات سلسة تعزز تجربة المستخدم
4. كتابة الكود: حرصت على كتابة كود نظيف ومنظم لتسهيل الصيانة والتوسعة مستقبلاً، مع مراعاة أفضل ممارسات تطوير الواجهات.