Back to Hermes Agent

Sole & Co. is an online shoe store built with Angular 20 (signals, zoneless) and an Express backend with PostgreSQL on 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.

Key features

Catalog of 12 shoes con imágenes Unsplash, tallas y colores

Category filters, name/brand search and sorting (price, rating, newest)

Size (36-46) and color selection with visual selector

Shopping cart with quantity control and subtotal calculation

Checkout with field validation and server-side calculations

Neon PostgreSQL database with 3 tables (products, orders, newsletter)

Express backend serving Angular static + REST API on the same port

Responsive design with Tailwind CSS, skeleton loading and micro-interactions

Technologies used

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