Proyecto fullstack
Gestión de Barberías
Aplicación web fullstack para la gestión integral de barberías. Permite reservas online, administración de clientes, agenda por barbero, catálogo de servicios, panel administrativo y cálculo inteligente de disponibilidad según la duración de cada servicio.
Next.jsReactTypeScriptPrismaPostgreSQLBetter AuthGoogle OAuthTailwind CSSReact Hook FormZodVitest
Ver demoVista del producto
Galería
Capturas reales del flujo y pantallas principales del proyecto.
Funcionalidades
- Reservas online con disponibilidad en tiempo real
- Agenda diaria por barbero
- Panel administrativo protegido
- Gestión de clientes
- Gestión de servicios y categorías
- Duración personalizada por servicio y barbero
- Prevención de doble reserva mediante transacciones
- Autenticación con Google OAuth
- Dashboard con métricas
- Responsive Design
Arquitectura
- 01App Router
- 02Server Components
- 03Server Actions
- 04Prisma ORM
- 05Relaciones many-to-many
- 06Transacciones SQL
- 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 4React Hook FormFramer MotionReact 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