file uploader

رافع الملفات

هذا عبارة عن أداة تحميل ملفات تم تصميمها باستخدام shadnc/ui و react-dropzone . تم تمهيده باستخدام create-t3-app .

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

• الإطار: Next.js
• التصميم: Tailwind CSS
• مكونات واجهة المستخدم: shadcn/ui
• برنامج تحميل DND: منطقة إسقاط التفاعل
• التخزين: تحميل شيء
• التحقق من الصحة: ​​زود

سمات

• خطاف useFileUpload القابل لإعادة الاستخدام لتحميل الملفات مع uploadthing
• قم بسحب وإسقاط مكون تحميل الملف باستخدام شريط التقدم
• تكامل نموذج الخطاف التفاعلي مع مكونات نموذج shadnc/ui
• عرض توضيحي لمربع حوار الملف مع إضافة الملفات وإزالتها من القائمة القابلة للتمرير

تشغيل محليا

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

   git clone https://github.com/sadmann7/file-uploader

2. تثبيت التبعيات باستخدام pnpm

   pnpm install

3. انسخ .env.example إلى .env وقم بتحديث المتغيرات.

   cp .env.example .env

4. ابدأ تشغيل خادم التطوير

   pnpm run dev

كيف يمكنني نشر هذا؟

اتبع أدلة النشر لـ Vercel وNetlify وDocker لمزيد من المعلومات.