Sistema de Gestión de Artículos y Grupos

Una aplicación web desarrollada con SvelteKit para la gestión de artículos y grupos, que incluye:

• 📦 Gestión de artículos (crear, leer, actualizar, eliminar)
• 🏷️ Gestión de grupos de artículos
• 🎨 Interfaz moderna y responsive con Tailwind CSS
• 📱 Navegación intuitiva
• 🔍 Filtrado y ordenación de datos
• 📄 Paginación

Características

• Estructura de proyecto limpia y organizada
• Componentes reutilizables (Lista, Detalle)
• Navegación responsive
• Estilos modernos con Tailwind CSS
• TypeScript incluido
• Base de datos PostgreSQL con Prisma ORM

Requisitos Previos

• Node.js (versión 16 o superior)
• npm (incluido con Node.js)
• Base de datos PostgreSQL

Instalación

1. Clona este repositorio:

   git clone <url-del-repositorio>
   cd <nombre-del-proyecto>
   

2. Instala las dependencias:

   npm install
   

3. Configura las variables de entorno:

   • Copia el archivo .env.example a .env
   • Actualiza las variables con tus credenciales de base de datos

4. Inicializa la base de datos:

   npx prisma db push
   

5. Inicia el servidor de desarrollo:

   npm run dev
   

6. Abre http://localhost:5173 en tu navegador.

Estructura del Proyecto

├── src/
│   ├── lib/
│   │   ├── components/
│   │   │   ├── Lista/
│   │   │   └── Detalle/
│   │   ├── config/
│   │   │   └── detalle/
│   │   └── types/
│   ├── routes/
│   │   ├── articulos/
│   │   │   ├── +page.svelte
│   │   │   └── [id]/
│   │   │       └── +page.svelte
│   │   └── grupos/
│   │       ├── +page.svelte
│   │       └── [id]/
│   │           └── +page.svelte
│   └── app.css
├── prisma/
│   └── schema.prisma
├── static/
├── package.json
├── postcss.config.cjs
├── tailwind.config.cjs
└── vite.config.ts

Scripts Disponibles

• npm run dev - Inicia el servidor de desarrollo
• npm run build - Construye la aplicación para producción
• npm run preview - Vista previa de la versión de producción
• npm run check - Verifica los tipos de TypeScript

Componentes Principales

Lista

Componente reutilizable para mostrar tablas de datos con soporte para:

• Ordenación
• Filtrado
• Paginación
• Navegación al hacer clic en filas

Detalle

Componente reutilizable para mostrar y editar detalles de elementos con soporte para:

• Visualización de datos
• Edición de datos
• Eliminación de elementos
• Navegación de regreso a la lista

Licencia

MIT