بناء portofolio - المشروع الثاني (React) + الكود

[Ahmed_Elbohoty]

السلام عليكم و رحمة الله و بركاته …

هذا هو المشروع الثاني في بناء portofolio. شكرا جزيلا لكم على تشجيعكم في المرة السابقة و بانتظار ملاحظاتكم و نصائحكم يا أصدقاء.
لقد أضفت بعض transition and animation

// ملاحظة:-
ابعاد التصميم الأصلي هي
width: 1280px
height: 768px
حاولت قدر المستطاع لكي اجعل التصميم لا يختلف كثر عند تكبيره عن هذه الابعاد و لكن بالامكان جعل ابعاد المتصفح width: 1280px لمشاهدة مطابقتها للتصميم

الموقع :-
https://focused-jang-0ad544.netlify.com/

الكود:-

AhmedElbohoty/react-coding-4

التصميم ( التصميم ليس لي) :-

Mitsubishi Lancer Evo Landing Page

المصمم :-

KimPetersen

[sohep]

ما شا الله يا احمد
تصميم رائع

[Ahmed_Elbohoty]

شكرآ لك يا أخي صهيب وبالتوفيق والنجاح الدائم لك

[sohep]

ما اذاواستخدمت في التصميم؟

[Ahmed_Elbohoty]

لست المصمم. التصميم من موقع dribble. لا اعلم الاداوت المستخدمة في التصميم.

انا قمت بتكويد التصميم. استخدمت فقط react و css.

[sohep]

احاول ان اتعلم css
لكن تحتاج لممارسة وتطبيق حتى يتم اتقانها
هل لديك موقع يعطي تصاميم log up log in … nav bar
بحيث امارس ما تعلمته

[L.Da]

ماشاء الله عمل جميل ( Hollywood Smile) متحمسة لرؤية المزيد من الإبداع، كل التوفيق أخي.

[Ahmed_Elbohoty]

ليس هنالك موقع بعينه و لكني ابحث عن اي تصميم يعجبني و اقوم بتحميل ملفاته و اقوم بتكويده. موقع dribble

[Ahmed_Elbohoty]

شكرآ جزيلاً و بالتوفيق و النجاح دائما

[Alhakem]

كمية الدقة في التنفيذ إبداع والله

فقط ملاحظة واحدة عزيزي أحمد قمت بعمل إرتفاع محدد للعنصر l-home بقيمة 768px وانا شاشتي إرتفاعها أكثر من ذلك وظهر عندي الموقع بهذا الشكل:

خلي الإرتفاع بقيمة 100vh علشان يأخذ كل إرتفاع الشاشة مهما كان

#l-home {
    position: relative;
    display: flex;
    min-width: 1280px;
    min-height: 768px; /*خليها min-height*/
    height: 100vh;
    overflow: hidden;
}

النتيجة:

[Ahmed_Elbohoty]

شكرا جزيلا لك على كلامك الرائع
و سأقوم بتعديله الأن.

[sniperadmin]

الله يا أحمد
ايه المنظر الرائع ده !

بقولك ايه، انا هطبق معاك react

[Ahmed_Elbohoty]

الله يبارك فيك و شكراً على كلامك الجميل

حلو اوي نطبق سوا و لو حد فينا كسل يشجع التاني

[sniperadmin]

فعلا فكرة ظريفة، انا اتعلمت الأساسيات ومحتاج نطبق بقا عشان نظبط الدنيا
انا معاك ان شاء الله