Proyecto fullstack
Gestión Veterinaria
Aplicación web fullstack para clínicas veterinarias. Permite agendar citas online, registrar clientes y mascotas, administrar veterinarios y los servicios que realiza cada uno, y gestionar la agenda y reservas desde un panel administrativo protegido.
Next.jsReactTypeScriptPrismaPostgreSQLBetter AuthGoogle OAuthTailwind CSSZodFramer MotionVitest
Ver demoVista del producto
Galería
Capturas reales del flujo y pantallas principales del proyecto.
Funcionalidades
- Reserva de citas online para clientes nuevos y existentes
- Registro de clientes y múltiples mascotas por cliente
- Agenda diaria y gestión de reservas
- Gestión de veterinarios y asignación de servicios
- Catálogo de servicios por categoría con páginas dinámicas
- Ficha de cliente y mascota
- Panel administrativo protegido
- Autenticación con Google OAuth
- Hero con carrusel animado
- Responsive Design
Arquitectura
- 01App Router
- 02Server Components
- 03Server Actions
- 04Prisma ORM
- 05Relaciones many-to-many (Veterinario ↔ Servicio)
- 06Seed modular con datos de ejemplo
- 07Validaciones con Zod
- 08Autenticación con Better Auth
Tecnologías usadas
Stack técnico
Capas del proyecto ordenadas de arriba hacia abajo: desde la interfaz hasta la base de datos.
01
Frontend
Next.js 16React 19TypeScriptTailwind CSS 4Framer MotionEmbla CarouselReact IconsZod
02
Autenticación
Better AuthGoogle OAuth
03
Backend
Next.js Server ActionsPrisma ORMBetter Auth
04
Base de datos
PostgreSQL
05
Testing
Vitest
06
Servicios
Vercel