Sole & Co.
Sole & Co. é uma loja online de tênis construída com Angular 20 (signals, zoneless) e um backend Express com PostgreSQL na 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 principais
Catálogo de 12 tênis con imágenes Unsplash, tallas y colores
Filtros por categoria, busca por nome/marca e ordenação (preço, avaliação, novidades)
Seleção de tamanho (36-46) e cor com seletor visual
Carrinho de compras com controle de quantidade e cálculo de subtotal
Checkout com validação de campos e cálculos do servidor
Banco de dados Neon PostgreSQL com 3 tabelas (produtos, pedidos, newsletter)
Backend Express servindo Angular estático + API REST na mesma porta
Design responsivo com Tailwind CSS, skeleton loading e micro-interações
Tecnologias utilizadas
Angular
TypeScript
Tailwind CSS
RxJS
Express
Código fonte