معاينة مباشرة · محلي أولًا

دراسة حالة 05

Yost

مفيش فيديوهات. مفيش خوارزمية. بوستات بس.

نظرة عامة

Yost داشبورد محلي أولًا لبوستات مجتمع يوتيوب. بيجمع البوستات من أكتر من قناة في فيد واحد، مع بحث وفلاتر، عشان تتابع اللي صنّاع المحتوى بيقولوه من غير فيد الفيديو أو محرك التوصيات.

التحدي

بوستات المجتمع مش متاحة من خلال API عام بسيط زي الفيديوهات. Yost كان محتاج طبقة scraping قوية كفاية تجمع البوستات من أكتر من قناة، وواجهة تخلي النتايج تحس إنها فيد مش دفعة بيانات.

الطريقة

واجهة React 19 + Vite بتتكلم مع باك إند Express بيستخدم Puppeteer مع stealth plugin لجمع البوستات. التطبيق مصمم يشتغل على جهازك، وبيحافظ على البيانات محلية. الواجهة بتركز على القراءة: فيد موحد وبحث وفلاتر، من غير مشغل فيديو ومن غير ترتيب خوارزمي.

بيعمل إيه

  • جمع بوستات المجتمع من أكتر من قناة
  • فيد موحد ومرتب زمنيًا
  • بحث وفلترة البوستات
  • تصميم محلي أولًا
  • مفيش فيديوهات ولا توصيات

ملاحظات تقنية

  • واجهة React 19 + Vite + Tailwind CSS
  • باك إند Node.js + Express
  • Puppeteer مع stealth plugin للـ scraping
  • تدفق بيانات محلي أولًا

اتعلمت إيه

Yost علمني أحترم الحدود بين الديمو والأداة. الـ scraping هش، فالباك إند لازم يفشل بلطف والواجهة تفضل صادقة في اللي تقدر تحمله. كمان خلاني أفكر أعمق في السوفتوير المحلي: القيمة مش بس خصوصية، دي ملكية.