protofolio لمجموعه من الدكاتره

قمت بتنفيذ مشروع متكامل باستخدام HTML و Sass، مما ساعدني على فهم قوة Sass في تنظيم وتطوير أكواد CSS بشكل احترافي.

من خلال هذا المشروع، تعلمت وقمت بتطبيق:

هيكل المشروع (Folders):

abstracts: المتغيرات (variables)، المكسينات (mixins)، والدوال (functions)

layout: تصميم الشبكات (grids)، الهيدر (header)، والفوتر (footer)

components: الأزرار (buttons)، الكروت (cards)، والنماذج (forms)

pages: تنسيقات خاصة بكل صفحة

vendors: تنسيقات مكتبات خارجية

مميزات Sass التي استخدمتها:

استخدام الـ parent & child selectors بطريقة سهلة ومرنة

استخدام المتغيرات لتسهيل التعديل والتطوير

إنشاء أكواد قابلة لإعادة الاستخدام (Reusable styles)

ربط جميع الملفات داخل ملف رئيسي main.scss

تحسين تجربة المستخدم:

إضافة تأثيرات عند التمرير (Hover effects)

تصميم حالات تفاعلية (Interactive states) لتحسين تجربة المستخدم

التنظيم وسهولة الصيانة:

تم ربط جميع الملفات والمكونات داخل ملف main.scss مما يجعل المشروع سهل التعديل والتطوير والتوسع مستقبلاً