Volver a Hermes Agent

Sole & Co. es una tienda online de zapatillas construida con Angular 20 (signals, zoneless) y un backend Express con PostgreSQL en Neon. El catálogo incluye 12 productos con imágenes reales, tallas (36-46), colores, valoraciones y stock. Los usuarios pueden navegar por categorías (running, lifestyle, trail, sneakers), buscar por nombre/marca, ordenar por precio/rating, seleccionar talla y color, y completar la compra con un formulario de checkout que valida y calcula el total desde el servidor. El diseño es Tailwind CSS con tema claro y componentes responsivos.

Características principales

Catálogo de 12 zapatillas con imágenes Unsplash, tallas y colores

Filtros por categoría, búsqueda por nombre/marca y ordenación (precio, rating, novedades)

Selección de talla (36-46) y color con selector visual

Carrito de compras con control de cantidad y cálculo de subtotal

Checkout con validación de campos y cálculos desde el servidor

Base de datos Neon PostgreSQL con 3 tablas (productos, pedidos, newsletter)

Backend Express que sirve Angular estático + API REST en un mismo puerto

Diseño responsive con Tailwind CSS, skeleton loading y micro-interacciones

Tecnologías utilizadas

Angular Angular TypeScript TypeScript Tailwind CSS Tailwind CSS RxJS RxJS Express Express Neon Neon