spatz

spatz

Description

Un modèle complet et complet pour Svelte.

Application de démonstration

Caractéristiques

• Sveltekit: Framework Web futuriste pour créer des applications Web rapides flamboyantes.
• Pocketbase: auto-conçu User Auth, Database, Admin UI et API Documentation.
• OpenAI: Chatgpt 3.5-turbo et 4.0-turbo pour les chatbots contextuellement conscients.
• Vercel AI SDK: Modèles AI / ML pour l'image, le texte et le traitement audio.
• TailwindCSS: un cadre CSS d'abord de l'utilitaire pour le développement rapide de l'interface utilisateur.
• Daisyui: une bibliothèque de composants basée sur le vent arrière.
• ZOD: DÉCLARATION ET VALIDATION SCHEMA-FIRST-FIRST.

Captures d'écran

Accueil et fonctionnalités

Profil utilisateur et paramètres UI

Client / Pocket Base UI

Commencer

Configuration de la base de poche

1. Créez un répertoire pour votre instance de poche et y accédez.

mkdir pb-spatz
cd pb-spatz

2. Téléchargez la dernière version de Pocketbase, dézippez-la et démarrez le serveur.

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. Connectez-vous à la console d'administration de PocketBase en http://localhost:8090/_/ et créez une nouvelle base de données.

4. Accédez à Paramètres> Importer des collections, puis collez dans les contenses de ./pocketbase/pb_schema.json (à partir de ce repo) et cliquez sur Importer.

Configuration du client

1. Clone le repo et accédez au répertoire du projet.

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

2. Copiez .env.example et remplacez les valeurs par les vôtres.

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

3. Installez les dépendances et démarrez le serveur de développement.

pnpm i && pnpm run dev --host

4. Ouvrez votre navigateur à http://localhost:5173 pour voir l'application.

Développement

Structure du projet

 /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)

Icônes

Les icônes sont fournies par iconify / svelte. Vous pouvez rechercher des icônes sur les icones.

THEMING ET STYLE

L'application est préchargée avec tous les thèmes standard de Daisyui. Vous pouvez également créer le vôtre ici

Animations

Les animations sont fournies par GSAP et sont faciles à mettre en œuvre. Vous pouvez trouver la documentation ici.

Contribuant à Spatz

Les contributions sont les bienvenues et appréciées. Si vous avez une demande de fonctionnalité, veuillez l'ajouter en tant que problème ou faire une demande de traction.