مولد ميمي

Meme Generator هو تطبيق ويب ممتع وتفاعلي يسمح للمستخدمين بإنشاء ميمات مخصصة باستخدام قوالب مختلفة. لقد كنت أتعلم عن تطوير البرمجيات لبضعة أشهر من خلال منصة تعليمية، وكان هذا المشروع جزءًا من المنهج الدراسي.

جدول المحتويات

1. العرض التوضيحي
2. سمات
3. مكدس التكنولوجيا
4. تثبيت
5. الاستخدام
6. مؤلف
7. رخصة
8. أظهر دعمك

تجريبي

هل تريد رؤية Meme Generator أثناء العمل؟ تحقق من العرض التجريبي المباشر!

انقر هنا لمشاهدة العرض التوضيحي

سمات

• إنشاء الميمات الديناميكية: جلب صور ميمي عشوائية من واجهة برمجة التطبيقات.
• نص قابل للتخصيص: أضف نصًا علويًا وسفليًا لإنشاء ميمات فريدة.
• التصميم سريع الاستجابة: مُحسّن للعرض على سطح المكتب والجوال.
• معاينة في الوقت الفعلي: شاهد تحديث الميم الخاص بك أثناء الكتابة.
• واجهة مستخدم نظيفة: واجهة مستخدم بسيطة وبديهية.

مكدس التكنولوجيا

• الواجهة الأمامية: React.js
• أداة البناء: Vite للتطوير السريع والفعال
• التصميم: أقل لإمكانيات التصميم المتقدمة
• إدارة الحالة: خطافات التفاعل (useState، useEffect)
• تكامل واجهة برمجة التطبيقات: جلب واجهة برمجة التطبيقات لاسترداد قوالب الميمات

تثبيت

1. استنساخ المستودع:

   git clone https://github.com/undrthegraveyard/meme_generator.git

1. انتقل إلى دليل المشروع:

   cd meme_generator

1. تثبيت التبعيات:

   npm install

1. بدء تشغيل خادم التطوير:

   npm run dev

الاستخدام

1. افتح التطبيق في متصفحك.
2. انقر فوق الزر "الحصول على صورة ميمي جديدة" لتحميل قالب ميمي عشوائي.
3. أدخل النص المطلوب في الحقلين "النص العلوي" و"النص السفلي".
4. سيتم تحديث الميم في الوقت الفعلي أثناء الكتابة.
5. احفظ أو شارك الميم الذي قمت بإنشائه (سيتم تنفيذ الميزة).

مؤلف

؟ شيفام أغاروال

• تويتر: @shivam_agarwaal

رخصة

هذا المشروع مرخص بموجب ترخيص معهد ماساتشوستس للتكنولوجيا.

أظهر دعمك

اعطي؟؟ إذا أعجبك!