22

موقع "بطاقة" أول مشروع شخصي ، رأيك ومشورتك تهمني

السلام عليكم

اخواني الاعزاء ، كثير ما ننهمك في العمل سواء وظيفة او مشاريع لصالح عملاء وشركات وننسى تطوير مهاراتنا وإنتاج مشاريع شخصية ، بصراحة هذا ما يحصل معي ، ولكن من مدة قررت أن أخرج كل فترة بمشروع خاص ولو كان صغير او تافه في نظر البعض ، والهدف من ذلك شحذ مهاراتي في تقنية أو لغة معينة يكون ذلك المشروع قائم عليها ، والهدف الثاني الاستمتاع بعمل شي على مزاجي أو ذوقي بدون اي املاءات من الخارج.

لذلك بدأت أول مشاريعي (وهو مازال قيد التطوير والتحسين ) وهو موقع "بطاقة":

وهو عبارة عن موقع لبطاقات التهنئة ، سواء للعيد أو اليوم الوطني أو غير من المناسبات الأخرى التي سأضيفها عليه باستمرار.

التصميم:

قمت بعمل الهوية البصرية للمشروع ( الشعار ، والألوان ، والتنسيقات ) باستخدام Adobe Illustrator , AdobeXD ، مع ماعندي من ذوق متواضع في اختيار الألوان والأشكال وبحكم اني أصلاً مصمم جرافيكس وهويات بصرية ، ايضاً البطاقات نفسها قمت بتصميمها على Adobe Photoshop لكل مناسبة مجموعة بطاقات تناسب الموضوع.

البرمجة:

قمت بتكويد التصميم HTML CSS JS ، ثم قمت ببرمجته بالـ JavaScript فقط وبدون Back-end ، والحمد لله تعرفت على كثير من المفاهيم في JavaScript كنت أجهلها مع اني اعمل في مجال التصميم والويب من فترة طويلة.

بعض الأفكار المستقبلية :

( والمجال مفتوح للجميع للإفادة والاقتراح )

ساقوم بتحويله إن شاء الله إلى React JS لانه مع زيادة حجم المشروع سيكون جدا صعب الاعتماد على plain JavaScript ، كذلك أفكر في عمل Back-end ولو بسيط ( لدي خبرة بسيطة في PHP ) ، وبالنسبة للمحتوى افكر في زيادة المناسبات بحيث تغطي أكبر قدر ممكن مع تنويع وزيادة عدد تصاميم البطاقات .

هنا رابط الموقع :

أرحب بأي استفسارات او اقتراحات أو نقد ،،،

ودمتم برعاية الله وحفظه ،،،


1
mohaned_AAbokhoshiem أضف ردا

السلام عليكم و رحمة الله و بركاته. مبدئيا مجهود رائع و لكن أخي الكريم أتريد الإطراء أم النقد البناء؟

إن كنت تقبل النقد فشرف لي أن أنبه ذهنكم لبعض النقاط البسيطة و ليس لأني أعلم منكم العفو تماما و لكن كمستخدم فقط لا غير.

أولا الواجهة الأمامية أنت قسمتها header و ده الجانب الأيمن و content و ده البطاقة نفسها و عملت restrictions على الدخول للبطاقة بحيث لا يدخل المستخدم عليها بدون أنا يدخل اسمه أولا: التعليق هنا انت ليه لم تستخدم مثلا 2 = z-index لل header و تقلل opacity ال content بحيث تبقى زي fade in لما المستخدم يدخل بياناته و تعمل fade out لل header أو بأي طريقة تحب مش بالضرورة fadeing.

ثانيا: أنا كمستخدم ليه ما يكونش عندي مثلا خيارات أكثر مثل drag and drop علشان أقدر أعمل customization للبطاقة عندي؟ مثلا تعطيه بطاقة واحدة فارغة و يكون فيه side bar فيه options بحيث يختار من بينها ما يناسبه و عملها ب java script سهل نوعا ما و ليس بالصعب المستحيل.

ثالثا لا بد من عمل backend للمشروع لعدة أسباب منها على سبيل المثال لا الحصر المستخدم يريد استخدام صورة شخصية له أو المستخدم يريد عمل user name و هذا بالطبع لا بد من العمل عليه إذا كنت تبحث عن التقدم بهذا التطبيق.

أخيرا هذا التطبيق ليس صغيرا كما تظن بل هي فكرة عملاقة تحتاج فقط العناية و لا بد من الحفاظ على الموازنة بين استخدام frame works و vanilla jsز لا تعتمد على react اعتمادا كليا نعم فيه الكثير من المزايا التي قد تسهل عمل البطاقة كا components و لكن هو إطار عمل ثقيل جدا لذا وازن بينه و بين vanilla js حتى لا يكون التطبيق ثقيلا.

و في الأخير كل الدعم و الدعوات بالتوفيق.