spatz

mancha

Descripción

Una plantilla completa, FullStack para Svelte.

Aplicación de demostración

Características

• Sveltekit: Marco web futurista para construir aplicaciones web rápidas.
• PocketBase: autores de usuario autónomo, base de datos, interfaz de usuario de administración y documentación de API.
• OpenAI: CHATGPT 3.5-TURBO y 4.0-TURBO para chatbots contextualmente conscientes.
• VERCEL AI SDK: modelos AI/ML para el procesamiento de imágenes, texto y audio.
• Tailwindcss: un marco CSS de utilidad para el desarrollo rápido de la interfaz de usuario.
• Daisyui: una biblioteca de componentes basada en viento de cola.
• ZOD: Declaración y validación de esquema TypeScript-First.

Capturas de pantalla

Inicio y características

Perfil de usuario y configuración ui

Cliente/ui de bolsillo

Empezando

Configuración de bolsillo

1. Cree un directorio para su instancia de bolsillo y navegue a él.

mkdir pb-spatz
cd pb-spatz

2. Descargue la última versión de PocketBase, Unzip It e inicie el servidor.

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. Inicie sesión en la consola de administración de PocketBase en http://localhost:8090/_/ y cree una nueva base de datos.

4. Vaya a Configuración> Importar colecciones, luego pegue en los contens de ./pocketbase/pb_schema.json (de este repositorio) y haga clic en Importar.

Configuración del cliente

1. Clonar el repositorio y navegar al directorio del proyecto.

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

2. Copie .env.example y reemplace los valores con los suyos.

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

3. Instale las dependencias e inicie el servidor de desarrollo.

pnpm i && pnpm run dev --host

4. Abra su navegador a http://localhost:5173 para ver la aplicación.

Desarrollo

Estructura de proyectos

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

Íconos

Los iconos son proporcionados por Iconify/Svelte. Puede buscar iconos en Icones.

Temo y estilo

La aplicación viene precargada con todos los temas estándar de Daisyui. También puedes crear el tuyo aquí

Animaciones

Las animaciones son proporcionadas por GSAP y son fáciles de implementar. Puede encontrar la documentación aquí.

Contribuyendo a Spatz

Las contribuciones son bienvenidas y apreciadas. Si tiene una solicitud de función, agregue como un problema o haga una solicitud de extracción.