Gripco es una plataforma orientada a promover la sostenibilidad en la escalada mediante el servicio de resolado y reparación de pies de gato. En lugar de desechar tus gatos desgastados, Gripco les da una segunda vida, utilizando gomas de alta calidad (Vibram XS-Grip, XS-Edge, etc.) para mantener un rendimiento óptimo en la roca o en el rocódromo.
- 👟 Servicio Personalizado: Selección detallada del tipo de goma (
XS-Grip,XS-Grip 2,XS-Edge, etc.) y reparaciones adicionales (Punteras / Empeine). - 🛒 Gestión de Cesta y Pedidos: Los usuarios pueden agregar múltiples pares de zapatos a su carrito y tramitar un pedido completo.
- 📦 Seguimiento Completo: Tracking del estado del pedido desde que sale del cliente, es recibido por Gripco, pasa a estado de resolado y vuelve al escalador.
- 🌍 Internacionalización (i18n): Sistema de traducción personalizado integrado mediante un
TranslationServiceyTranslatePipe. - 🛡️ Autenticación Segura: Acceso de usuarios registrado y perfiles protegidos mediante Supabase.
- 🛠️ Panel de Administración (Admin): Área reservada para gestionar órdenes e inventario internamente.
- Framework: Angular 21 (Standalone Components, Signals, nueva API
resource). - Estilos: Tailwind CSS v4 para diseño utilitario responsivo.
- Componentes: Taiga UI para interfaces de usuario ricas y accesibles.
- Iconos:
lucide-angular. - Tests: Vitest.
- BaaS: Supabase (Autenticación, PostgreSQL, Políticas Row Level Security).
Sigue estos pasos para configurar el entorno de desarrollo en tu máquina local.
git clone https://github.com/tu-usuario/gripco.git
cd gripcoAsegúrate de tener Node.js instalado y ejecuta:
npm installDeberás conectar la aplicación con tu proyecto de Supabase. Crea un archivo src/environments/environment.ts (y environment.development.ts) añadiendo tus credenciales:
export const environment = {
production: false,
supabaseUrl: 'TU_SUPABASE_URL',
supabaseKey: 'TU_SUPABASE_ANON_KEY',
stripePublicKey: 'TU_STRIPE_PUBLIC_KEY' // Si aplica
};Ejecuta el servidor local de Angular:
ng serveAbre tu navegador y ve a http://localhost:4200/. La aplicación se recargará automáticamente cada vez que cambies el código fuente.
Vibram XS-Edge
Reparación de Puntera
Vibram XS-Grip 2
Para compilar el proyecto y generar los artefactos para producción, ejecuta:
npm run buildEsto compilará el proyecto en la carpeta dist/. La configuración de producción, de manera predeterminada, optimizará todos los recursos.
¡Las contribuciones son bienvenidas! Si deseas mejorar Gripco, por favor sube un Pull Request o abre un Issue para discutir los cambios que deseas implementar. Recordamos la política de estilo: mantener componentes standalone, usar Signals para la reactividad y las clases de Tailwind CSS en las vistas.
Hecho con ❤️ para la comunidad escaladora.