Sole & Co.
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
TypeScript
Tailwind CSS
RxJS
Express