posterfy

postterfy

قم بإنشاء ملصقات مذهلة من ألبوماتك المفضلة مدعومة من API من Spotify.

---

؟ ملخص

Posterfy هو تطبيق ويب مفتوح المصدر يتيح للمستخدمين إنشاء ملصقات جذابة بصريًا لألبومات الموسيقى المفضلة لديهم. تعمل PosterFy التي تعمل على API المجانية لـ Spotify ، بتمكين المستخدمين من البحث عن الألبومات ، وجمع بيانات الألبوم ، وتنظيم المعلومات في ملصق مخصص باستخدام عنصر HTML Canvas .

هذا المشروع هو تعليمي ، غير تجاري ، ومفتوح بالكامل للمساهمات. جميع حقوق الصور والبيانات مملوكة لشركة سبوتيفي والفنانين المعنيين.

---

؟ نتائج محتملة

إليك مثال على ما يبدو عليه الملصق الذي تم إنشاؤه بواسطة Posterfy:

---

؟ واجهات برمجة التطبيقات والأدوات المستخدمة

• Spotify API : تستخدم للبحث عن الألبومات واسترداد المعلومات الأساسية مثل اسم الألبوم والفنان والصور.

• HTML Canvas : ينظم البيانات التي تم جمعها بصريًا عن طريق تقديمها إلى تنسيق ملصق باستخدام JavaScript على القماش.

---

؟ كيف تعمل

1⃣ ابحث عن الألبوم : يدخل المستخدمون اسم الألبوم الذي يريدون إنشاء ملصق له.

2⃣ حدد الألبوم : يعرض Posterfy نتائج البحث ، ويمكن للمستخدمين تحديد ألبومهم المطلوب.

3⃣ جمع البيانات : بمجرد تحديد الألبوم ، يجلب posterfy جميع البيانات والصور اللازمة من API من Spotify.

4⃣ التنظيم البصري : يتم تنظيم البيانات التي تم جمعها بصريًا في تصميم مخصص باستخدام عنصر Canvas HTML.

5⃣ توليد الملصقات : أخيرًا ، يتم إنشاء صورة مقدمة للملصق ، والتي يمكن للمستخدم حفظها أو مشاركتها.

---

❓ الأسئلة الشائعة

س: هل يمكنني استخدام posterfy بدون حساب Spotify؟
ج: نعم ، لا تحتاج إلى حساب Spotify لإنشاء ملصقات ، ولكن ستحتاج إلى إعداد بيانات اعتماد Spotify لتشغيل التطبيق محليًا.

س: هل من الممكن إنشاء ملصق مع ألبوم مخصص؟
ج: حاليًا ، يدعم Posterfy ألبومات فقط من قاعدة بيانات Spotify. الألبومات المخصصة غير مدعومة بعد.

س: ما هي تنسيق الملف الذي يمكنني تصديره للملصق؟
ج: يمكن تصدير الملصقات كصور PNG.

⚡ استخدمه!

يمكنك تجربة Posterfy Live على صفحات GitHub من خلال زيارة هذا الرابط.

لبدء استخدام المشروع محليًا:

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

   git clone https://github.com/avictormorais/posterfy.git

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

    cd posterfy

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

   npm install

4. قم بإنشاء ملف .env في دليل الجذر وأضف بيانات اعتماد API الخاصة بك كما في .env.exemple:

   VITE_SPOTIFY_CLIENT_ID==your_spotify_client_id
   VITE_SPOTIFY_CLIENT_SECRET=your_spotify_client_secret

5. قم بتشغيل المشروع محليًا:

   npm start

؟ المساهمة

نرحب بالمساهمات في posterfy! إذا كنت ترغب في المساهمة ، فيرجى اتباع هذه الخطوات:

1. شوكة المستودع.
2. قم بإنشاء فرع جديد ( git checkout -b feature-branch ).
3. قم بإجراء التغييرات الخاصة بك وارتكابها ( git commit -am 'Add new feature' ).
4. ادفع إلى الفرع ( git push origin feature-branch ).
5. افتح طلب سحب.

يرجى التأكد من أن الكود الخاص بك يجتاز جميع الاختبارات والالتزام بدليل نمط المشروع.

- تنصل

• ️ غير ربحية -هذا المشروع مصنوع لأغراض تعليمية وغير تجارية. جميع حقوق الصور والمعلومات تنتمي إلى Spotify والفنانين المعنيين.

• ؟ المساهمة - المساهمات مرحب بها! لا تتردد في إرسال تقارير الأخطاء أو طلبات الميزات أو الترجمة إلى لغتك أو سحب طلبات السحب.