Skip to content

pourmirzai/slidist

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Slidist: مولد اسلاید هوشمند فارسی برای اینستاگرام (Smart Persian Slide Generator for Instagram)

GitHub stars GitHub forks License Demo PWA RTL Support

Slidist (اسلایدساز هوشمند) یک ابزار وب پیشرفته و کاملاً فارسی است که به شما امکان می‌دهد متن‌های طولانی خود را به اسلایدهای زیبا و حرفه‌ای برای پست‌ها و استوری‌های اینستاگرام تبدیل کنید. با Slidist، می‌توانید محتوای متنی خود را با فرمت Markdown به سرعت به تصاویر جذاب و قابل اشتراک‌گذاری تبدیل کنید، بدون نیاز به دانش فنی یا نرم‌افزارهای پیچیده.


🚀 استفاده آنلاین (بدون نیاز به نصب)

برای کاربران غیرفنی که فقط می‌خواهند از Slidist استفاده کنند، نیازی به نصب یا راه‌اندازی هیچ چیزی نیست! کافیست روی لینک زیر کلیک کنید و بلافاصله شروع به ساخت اسلایدهای خود کنید:

🔗 Slidist را آنلاین امتحان کنید!


✨ ویژگی‌های کلیدی

Slidist با مجموعه‌ای از ویژگی‌های قدرتمند طراحی شده است تا تجربه ساخت اسلاید را برای شما آسان و لذت‌بخش کند:

🎨 طراحی و ظاهر

  • ۱۲ تم رنگی آماده: از تم‌های مینیمال و مدرن گرفته تا گرادیانت‌های جذاب و رنگ‌های تیره.
  • سفارشی‌سازی کامل رنگ: امکان تعریف گرادیانت‌های پس‌زمینه و رنگ متن دلخواه.
  • کنترل‌های تایپوگرافی: تنظیم اندازه فونت (۱۲-۷۲px)، فاصله خطوط و پدینگ.
  • سفارشی‌سازی بولت پوینت: ۸ نوع بولت آماده به همراه پشتیبانی از کاراکترهای سفارشی.
  • پشتیبانی از تصویر پس‌زمینه: آپلود و موقعیت‌دهی تصاویر پس‌زمینه با کنترل شفافیت و حالت‌های نمایش متنوع (cover center/top/bottom, contain, stretch).
  • ادغام تصویر نویسنده: تصاویر پروفایل دایره‌ای نویسنده با برش هوشمند.

✍️ پردازش متن پیشرفته

  • تبدیل متن به اسلاید: تبدیل متن فارسی با فرمت Markdown به چندین اسلاید.
  • پشتیبانی از دو فرمت: پست‌های اینستاگرام (۱:۱) و استوری‌ها (۹:۱۶).
  • پردازش Markdown پیشرفته: پشتیبانی کامل از پررنگ، ایتالیک، # عنوان ۱، ## عنوان ۲، ### عنوان ۳، نقل قول‌ها، لیست‌ها و فرمت‌بندی‌های سفارشی.
  • تحلیل محتوای بلادرنگ: آمار زنده شامل تعداد کلمات، زمان مطالعه و تخمین تعداد اسلایدها.
  • شکستن هوشمند اسلاید: الگوریتم پیشرفته برای تعیین شکست‌های بهینه اسلاید بر اساس طول محتوا.
  • پشتیبانی کامل از RTL فارسی: رندرینگ و چیدمان صحیح متن راست به چپ فارسی.

🖼️ مدیریت تصاویر

  • آپلود با کشیدن و رها کردن: مدیریت بصری تصاویر برای پس‌زمینه و تصاویر نویسنده.
  • پشتیبانی از فرمت‌ها: تصاویر JPG، PNG، WebP تا ۱۰ مگابایت.
  • بهینه‌سازی خودکار: تغییر اندازه تصاویر بزرگ برای بهبود عملکرد.

💾 ذخیره‌سازی و مدیریت

  • ذخیره خودکار: تنظیمات به صورت خودکار در localStorage ذخیره می‌شوند.
  • صادر/وارد کردن تنظیمات: پشتیبان‌گیری و بازیابی تنظیمات مبتنی بر JSON.
  • حفظ جلسه: تنظیمات به صورت خودکار هنگام بازگشت به برنامه بازیابی می‌شوند.
  • گزینه پاک کردن تنظیمات: قابلیت بازنشانی برای شروعی تازه.

⚡ عملکرد و تجربه کاربری

  • برنامه وب پیشرو (PWA): قابل نصب با قابلیت‌های آفلاین از طریق Service Worker.
  • طراحی واکنش‌گرا: رویکرد موبایل-اول با نقاط شکست برای تبلت‌ها و دسکتاپ‌ها.
  • رندرینگ مبتنی بر Canvas: تولید اسلایدهای با کیفیت بالا با استفاده از HTML5 Canvas.
  • پیش‌نمایش زنده: تولید پیش‌نمایش اسلایدها در زمان واقعی با نشانگر پیشرفت.
  • گالری لایت‌باکس: قابلیت کلیک برای بزرگنمایی برای مشاهده جزئیات اسلاید.
  • اعلان‌های Toast: سیستم بازخورد کاربر برای اقدامات و به‌روزرسانی وضعیت.
  • میانبرهای صفحه‌کلید: Ctrl+Enter برای پیش‌نمایش، Ctrl+S برای خروجی تنظیمات، Esc برای بستن لایت‌باکس.

⚙️ ویژگی‌های فنی

  • خروجی PNG: دانلود اسلایدهای با کیفیت بالا با فشرده‌سازی ۹۵٪.
  • دانلود دسته‌ای: دانلود همزمان تمام اسلایدها با ردیابی پیشرفت فردی.
  • نام‌گذاری فارسی: شماره‌گذاری اسلایدها با اعداد فارسی برای سازگاری.
  • معماری ماژولار: کلاس‌های ES6 برای سازماندهی کد قابل نگهداری.
  • ویژگی‌های دسترسی‌پذیری: برچسب‌های ARIA، ناوبری صفحه‌کلید، پشتیبانی از کنتراست بالا.

📸 تصاویر و دمو

(در آینده نزدیک، در اینجا تصاویری از رابط کاربری، نمونه اسلایدها و یک ویدیوی دمو قرار خواهد گرفت.)


🛠️ برای توسعه‌دهندگان

اگر علاقه‌مند به مشارکت در توسعه Slidist هستید، مراحل زیر را دنبال کنید:

راه‌اندازی پروژه

  1. کلون کردن مخزن:
    git clone https://github.com/pourmirzai/slidist.git
    cd slidist
  2. نصب وابستگی‌ها (در صورت وجود): این پروژه عمدتاً از Vanilla JS استفاده می‌کند و وابستگی خارجی کمی دارد.
  3. باز کردن در مرورگر: فایل index.html را مستقیماً در مرورگر خود باز کنید یا از یک سرور محلی (مانند Live Server در VS Code) استفاده کنید.

ساختار پروژه

  • index.html: فایل اصلی HTML.
  • css/styles.css: فایل‌های CSS برای استایل‌دهی.
  • js/: حاوی تمام فایل‌های جاوا اسکریپت ماژولار.
    • js/config.js: تنظیمات، تم‌ها و ثابت‌ها.
    • js/imageHandler.js: مدیریت آپلود و پردازش تصاویر.
    • js/slideGenerator.js: منطق اصلی تولید اسلاید.
    • js/storage.js: مدیریت ذخیره‌سازی محلی.
    • js/textProcessor.js: پردازش Markdown و متن فارسی.
    • js/utils.js: توابع کمکی عمومی.
  • icon.svg, manifest.json, sw.js: فایل‌های مربوط به PWA.

مشارکت

ما از مشارکت شما استقبال می‌کنیم! لطفاً قبل از ارسال Pull Request، موارد زیر را در نظر بگیرید:

  • کد خود را تمیز و خوانا نگه دارید.
  • استانداردهای کدنویسی موجود را رعایت کنید.
  • تغییرات خود را به خوبی مستند کنید.

🛣️ نقشه راه (Roadmap)

نسخه 2.0 (هدف: بهبود تجربه کاربری و قابلیت‌های موجود)

  • اضافه کردن فونت‌های فارسی بیشتر.
  • بهبود رابط کاربری برای تنظیمات پیشرفته.
  • امکان ذخیره اسلایدها به صورت پروژه (نه فقط تنظیمات).
  • قابلیت Undo/Redo.

نسخه 3.0 (هدف: ویژگی‌های جدید و یکپارچه‌سازی)

  • پشتیبانی از انیمیشن‌های ساده برای اسلایدها.
  • یکپارچه‌سازی با سرویس‌های ابری برای ذخیره‌سازی.
  • اضافه کردن قالب‌های آماده برای محتوا.

نسخه 4.0 (هدف: هوش مصنوعی و قابلیت‌های پیشرفته)

  • پیشنهاد خودکار طراحی بر اساس محتوا.
  • تولید محتوای اولیه با هوش مصنوعی.

📞 تماس و پشتیبانی

اگر سوالی دارید، با مشکلی مواجه شدید یا پیشنهادی دارید، می‌توانید از طریق راه‌های زیر با ما در ارتباط باشید:

  • GitHub Issues: برای گزارش باگ‌ها یا درخواست ویژگی‌ها.
  • ایمیل: your-email@example.com (جایگزین شود)

📄 مجوز

این پروژه تحت مجوز MIT منتشر شده است. برای جزئیات بیشتر، فایل LICENSE را مشاهده کنید.


با Slidist، داستان‌های خود را به بهترین شکل روایت کنید!

About

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors 2

  •  
  •