Skip to content

GitLab

Open
Created by André Sacilotto Santos@andre.santosOwner
Report abuse

Feature/experience card

Mudanças

  • Criação e estilização do componente CardExperience.
  • Componente recebe uma experience
  • HTML diferentes baseados na experience.category
  • Adicionados mocks de experiências (trilha, hospedagem, laboratório, evento) para testar as quatro variações de layout.
  • Integração do componente com a rota /reserve, exibindo os cards em grid.
  • Ajustes visuais: badge de categoria, labels com ícones, descrição com limite de altura + scroll, imagem de fundo/contain.
  • Tratamento de capitalização do texto da categoria.

Como testar

Abrir a rota /reserve e ver os componentes lá, os mocks foram criados na própria index da reserve

Acceptance Criteria

[X] Deve mostrar informações com base no tipo de experiencia [ ] Deve ser adicionada ao carrinho ao clicar no botão - bloqueado pois ainda não existe o carrinho

image

Observações

Fiquei pensando sobre como resolver caso a descrição da experiência fosse grande demais, e minha solução foi tornar a descrição scrollavel, e para evitar poluição visual, escondi a barra de scroll pela global.css com scrollbar-hide

🔄 Sincronizado do GitHub

Sincronizado automaticamente do GitHub para GitLab AGES