spatz

Spatz

وصف

قالب كامل ، fullstack لـ Svelte.

التطبيق التجريبي

سمات

• Sveltekit: إطار عمل ويب مستقبلي لبناء تطبيقات الويب السريعة.
• PocketBase: مصادقة مستخدم قائمة بذاتها ، قاعدة بيانات ، واجهة المستخدم ، وواجهة API.
• Openai: Chatgpt 3.5-Turbo و 4.0-Turbo لـ chatbots المدركة للسياق.
• Vercel AI SDK: نماذج AI/ML للصورة والنص ومعالجة الصوت.
• Tailwindcss: إطار عمل CSS الأول لتطوير واجهة المستخدم السريعة.
• Daisyui: مكتبة مكون تعتمد على Windwind.
• ZOD: إعلان مخطط TypeScript-First والتحقق منه.

لقطات الشاشة

الصفحة الرئيسية والميزات

ملف تعريف المستخدم والإعدادات واجهة المستخدم

عميل/جيب قاعدة واجهة المستخدم

ابدء

إعداد PocketBase

1. قم بإنشاء دليل لمثيل PocketBase الخاص بك وانتقل إليه.

mkdir pb-spatz
cd pb-spatz

2. قم بتنزيل أحدث إصدار من PocketBase ، وفك ضغطه ، وابدأ الخادم.

wget https://github.com/pocketbase/pocketbase/releases/download/v0.22.9/pocketbase_0.22.9_linux_amd64.zip
unzip pocketbase_0.22.9_linux_amd64.zip
./pocketbase serve --http= " 0.0.0.0:8090 "

3. قم بتسجيل الدخول إلى وحدة التحكم في PocketBase Admin على http://localhost:8090/_/ وإنشاء قاعدة بيانات جديدة.

4. انتقل إلى الإعدادات> مجموعات استيراد ، ثم الصق في Contens of ./pocketbase/pb_schema.json (من هذا الريبو) وانقر فوق استيراد.

إعداد العميل

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

git clone https://github.com/engageintellect/spatz
cd spatz

2. نسخ .env.example واستبدل القيم بمنطقك.

cp .env.example .env.local (or .env)

3. تثبيت التبعيات وابدأ خادم التطوير.

pnpm i && pnpm run dev --host

4. افتح متصفحك إلى http://localhost:5173 لرؤية التطبيق.

تطوير

هيكل المشروع

 /src
├── /lib
│   └── app.d.ts (global types)
├── /assets
│   └── /images
├── /components
├── /stores (global state)
├── /routes
│   ├── /guestbook
│   ├── /ai (nested routes)
│   │   ├── /a
│   │   ├── /b
│   │   └── /c
│   ├── /api
│   │   ├── /repoData (fetch github repository stars)
│   │   ├── /chat (OpenAI streaming API)
│   │__ /auth (Pocketbase auth)
│   │   ├── /login
│   │   ├── /register
│   │   ├── /logout
│   │   └── /reset-password
│   └── /my (user-specific routes)
│       ├── /account
│       ├── /profile
│       └── /settings
/pocketbase
├── pb_schema.json
/static
└── /docs (general documentation)

أيقونات

يتم توفير الرموز بواسطة iconify/svelte. يمكنك البحث عن أيقونات على icones.

Theming وتصميم

يأتي التطبيق محملاً مسبقًا بجميع الموضوعات القياسية من Daisyui. يمكنك أيضًا إنشاء خاص بك هنا

الرسوم المتحركة

يتم توفير الرسوم المتحركة بواسطة GSAP وسهلة التنفيذ. يمكنك العثور على الوثائق هنا.

المساهمة في Spatz

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