حسابي

بحث

القائمة

تصميم وتنقيذ موقعي الشخصي باستخدام Next.js و Tailwind CSS متجاوب مع جميع الشاشات

تفاصيل العمل

تصميم وتنفيذ موقعي الشخصي كمطور وجهات اماميه متجاوب تماماً مع جميع الشاشات

تم تنفيذه باستخدام فريم ورك Next.js الخاص ب React

تم تنفيذ ال styles باستخدام Tailwind Css

تم تصميمه وتنفيذه ليدعم اللغتين العربية والإنجليزية ويمكنك التبديل بينهم من خلال ال navigation bar

كما انه يدعم النمط الليلي والنهاري ويمكنك التبديل بينهم من خلال ال navigation bar كما انه يحتفظ باختيارك لعرضه عند العودة اليه مره اخري

تم تنفيذ انيميشنز بسيطة لكن مميزه عند بداية الدخول للموقع

اقسام الموقع :

1- تقنياتي وادواتي

* تم تنفيذها عن طريق وضع جميع ايقونات التقنيات والأدوات التي استخدمها ب سلايدر يعمل اتوماتيكياً ويمكنك إيقافه وقلب الأيقونة لقراءة اسم التقنية

2- خدماتي

* تم تنفيذه عن طرق عم كروت بخلفيه متحركة مميزه ويمكنك قلب الكارت بالضغط عليه لقراءة تفاصيل الخدمة

3- مشاريعي

* تم التنفيذ عن طريق جلب مشاريعي من حسابي علي ال GitHub وعرضها بشكل مميز يوضح صوره مصغرة للمشروع و عنوانه وتاريخ التنفيذ واللغات المستخدمة ونسبة استخدام اللغات بالمشروع وكذا التقنيات المستخدمة اثناء تنفيذه وكذا زر لمعاينه الموقع لايف وزر اخر لمعاينه الكود

* تم اضافه فلتر يمكنك من فلتره مشاريعي حسب الفئة حتي يسهل الوصول الي المشاريع المطلوب الاطلاع عليها

* تم اضافه صفحه اخري منفصله تظهر عند الضغط علي زر المزيد وبها يمكنك الاطلاع علي مشاريعي أيضا ولكن يتم عرضها بشكل اكثر تفصيلا كما يمكنك الاطلاع علي صورة المشروع كاملة من خلال الوقوف علي الصورة وعمل اسكرول

4- اراء العملاء

* تم تنفيذه عن طريق سلايدر رائع يعرض كروت بها اراء العملاء ويتغير تلقائيا ومعه يتغير شكل الكارت مع انيميشن لطيفه وجذابة لحركه الكارت وكذا في الخلفية

* يمكنك التحكم في الاسلايدر عن طريق الأسهم في الشاشات الكبيرة او الصفحات اسفل الاسلايدر في جميع الشاشات وعن طريق scrolling في جميع الشاشات أيضاً

5- تواصل معي

* تم إضافة جميع الطرق التي تمكنك من التواصل معي سواء عبر الفيس بوك , اليوتيوب, لينكد إن , منصة اكس ( تويتر سابقاً) , جيت هب , واتساب , أب ورك او مستقل

* تم عمل فورم تمكنك من ارسال رساله لي عبر ال Email كما تم عمل فورم فاليديشن للتأكد من صحة المعلومات المدخلة وكذا رساله توضح نجاح الارسال من عدمه

* عند الضغط علي أيقونة الواتساب تنتقل لصفحة اخري تمكنك من التواصل معي مباشره اذا كان الواتساب محمل عي جهازك او عن طريق مسح ال QR كود باستخدام موبايل به واتساب

وأخيرا تم إضافة فوتر مميز به ملخص لجميه ما مررت به خلال الموقع لتسهيل الوصول الي أي قسم من اقسام الموقع

بطاقة العمل

اسم المستقل حسام الدين س.
عدد الإعجابات 1
عدد المشاهدات 139
تاريخ الإضافة
تاريخ الإنجاز