22

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

السلام عليكم

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

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

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

التصميم:

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

البرمجة:

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

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

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

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

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

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

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

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

المشروع مثير للاهتمام وأرى أنّ له مستقبلاً إن تمّت إضافة مكتبة كبيرة من البطاقات.

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

شاركنا بتطورات مشروعك، بالتوفيق!

أهلا أخي ناصر ، صحيح حجم المربعات صغير خاصة في اجهزة الـ desktop ويحتاج تحسين ، بالنسبة لمعاينة الصورة فكرة جيدة سأضيفها إن شاء الله.

أشكرك جزيل الشكر على تعليقك

أنا مطور ويب أيضا و قمت بتصفح الموقع من الهاتف.

التصميم أنيق و تجربة المستخدم رائعة.

عمل متقن ما شاء الله.

شكراً لك أخي حمزة

سبحان الله من المواقع التي أفكر بها من فترة

وكنت ابحث عن الموقع القديم لأتساع بحثي ولم اجدة وكان يحمل على ما اضن ((بطاقات رعبوب))

لطالما بدأت بها فليبارك الله بها ويعينك

اضف لك بعض من تحليلاتي

كنت انوي اعطاء فرصه لكتابة كلمات التهنئة, ايضا أمكانية إنشاء بطاقه فديو واضافة رابط صوتي لها، ايضا فتح صلاحية جديدة وهي طلب بطاقة خاصة (مدفوعة) ليتسمر المشروع ، وليت الموقع يحتوي على تسجيل الأعضاء.

ابدعت أخي وائل في الفكرة والتصميم وتأكد بأنها ناجحه بأذن الله.

في إنتضار مواقعك وابداعاتك بفارغ الصبر

سبحان الله :) ، افكار جميلة أخي ، وشكرا لكلامك الطيب

مميز، لكن لو كان الدومين .com وليس .co لكان أفضل.

يمكن أن يكون betaqaonline.com

أيضًا، ينبغي البحث عن استراتيجيات تسويق موقعك ليرتفع بمحركات البحث، كذلك إهتم بالسيو.

صراحة الموقع جيد، ولكن يحتاج الى عدد كبير من التصاميم

صحيح ، كنت حاب احجز com ولكن غير متاح للأسف

بالمناسبة هل يفرق co و com مع محركات البحث والـ SEO ؟

ملاحظة أخرى: تحتاج الى تصميم تطبيق للهواتف متوافق مع أندرويد + iOS بالطبع ستضع إعلانات أدسنس عما قريب، حاول اختيار مكان لها.

بإذن الله الخطة في البال ، ولكن احتاج وقت حتى اتقن React Native فقط ، شكراً لك أخي امين

جميل جدا، والفكرة رائعة ومبسطة. أتمني فقط ـن يكون هناك اختيار لمناسبات بلدان متعددة، فمثلا العيد القومي لمصر اقترب (يوم 6 أكتوبر) ذكري حرب عام 1973 وغيرها من البلدان. أيضا حبذا لو كان بالإمكان تحميل نفس الصورة بأبعاد مختلفة

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

أشكرك أخي عمر :)

سوف اكون صريح معك ...

فكرة البطاقات كانت منتشرة منذ ١٥ عام. و اندثرت منذ مدة طويلة.

لنجاح فكرتك تحتاج الى قيمة مضافة عن المشاريع السابقة... مثلا السماح بمتلقي البطاقة التعليق عليها ... اضافة اعجاب ... سهولة مشاركة البطاقات . سهولة العثور على بطاقة ( على فرض ان التصاميم اصبحت بالمئات).

ايضا تجنب اضافة بطاقات لاحداث خلافية ... سوف تجذب المشاكل لمشروعك

بالفعل أخي كلامك جداً جميل وواقعي ، بخصوص مشاركة البطاقات هل لديك أفكار ؟؟

أشكرك على ردك الرائع

اضيف.

  • امكانية تعديل البطاقة ( بطريقة تكون سهلة ) مثل بطاقة تهنئة بالنجاح ... مع امكانية اضافة اسم المهنء او الناجح ضمن البطاقة ...

اذا تم اضافة التعليق .... فيمكن لصاحب البطاقة ابقاء التعليق شخصي او السماح بمشاركته لباقي متلقي البطاقة.

اخيرا يوجد نوع اخر من البطاقات ... مثل بطاقات الدعوة ( لحضور عيد ميلاد ... ويرسلها صاحب المناسبة للمعزومين .

فكرة جميلة،

بما أنك تعرف الجافاسكريبت تعلم node js واستخدمها بدل php ،

وبالتوفيق إن شاء الله

أهلا أخي يوسف ، هذي النقطة بالذات مازلت محتار أمامها ، انا لدي خبرة بسيطة في php وكذلك في node ، لكن انت فضلت node هل بالإمكان ذكر السبب أو الميزة المكتسبة في حال عملت بها ؟ ايضاً حال اتجهت لـ node ماذا تقترح علي كـ database ؟

أشكرك أخي يوسف

تصميم جميل

أنت الأجمل أخي محمد ، اشكرك

مدهش،

بالتوفيق

شكرا اخي مصطفى

ماشاء الله تبارك الله عمل جميل جدا ومميز

ملاحظتي فقط المربعات صغيرة لو وضعتها تحت بعض بدون السلايد اشوف انه افضل

صحيح أخي محمد ، تصميم المربعات يحتاج اعادة نظر وصلني كثير من النقد بخصوصها ، أشكرك لتعليقك

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

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

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

ثانيا أري انة من الافضل وضع فئات تضم التصميمات بشكل منظم واستغلال المساحات بشكل افضل من هذا قليلاً.

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

ومع الوقت يمكنك وضع تطبيق خاص بمشروعك للهواتف بحيث يصبح الموضوع اكثر احترافيه وامان لك وللعميل.

واتمني من الله لك التوفيق والنجاح.

اشكرك أخي ربيع ، أفكار ومقترحات جميلة جداً الله يبارك فيك

بالتوفيق

واياك يارب

الحقيقة الموقع جميل و الفكرة جميلة و علي الرغم من قدم فكرة البطاقات الا ان الكثير مازال يستخدمها في مناسبات التهنئة و علي الواتس. انا تصفحت الموقع من حوالي و اري المساحات فيه مناسبة. اجمل شئ هو الاستفادة من التعلم من خلال انشاء مشروع حيث تحول العلم الي منتج مفيد حتي و ان كان بسيط. و بالطبع تتقاطع العديد من المنتجات الاخري مع نفس الفكرة مثل ال business cards و تصميمات التهنئة بالاحجام المطلوبة علي السوشيال ميديا. بالتوفيق اخي الكريم دائما.

شكراً أخي شريف على ردك الجميل

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

أهلا أخي منير واقتراحك في محله ، شاكر لك

موقع لطيف جدا وما ترددت بجعله في مفضلتي لاستخدامه في المناسبات ان شاء الله

ارجو اضافة المناسبات الشائعة ليكون اكثر فائدة

اشكرك اخي على تعليقك واقتراحك اللطيف

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

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

أولا الواجهة الأمامية أنت قسمتها 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 حتى لا يكون التطبيق ثقيلا.

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

اؤيدك

المشاريع الصغيرة والتي تنتهي بوقت وجيز هي يمكن ان تكون طريق لمشاريع ناجحة كبيرة

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

فكلما اقضي وقت طويل على مشروع افكر ببدء بمشروع صغير لايستغرق وقت واطرحه ثم اعود للمشروع الاصلي لاكماله

هذه طريقة نافعة لبدء مشاريع ناجحة من لاشيء.

فكرة جميلة.

لكن ان اردت الرزق والتوفيق من الله فتخلى عن صور القتلة والطغاة في الموقع.

مشروع جميل انا عامل واحد زيه بس علي الثورات العربيه واعياد المسلمين بالتوفيق