Jbnado / Jbnado/rpjs

Carrossel de imagens

Open
#2 0 comments 0 reactions 1 assignee Claimed by @Jbnado View on GitHub
Dominant language
Astro
Stars
0
Forks
0
PR merge metrics
No merged PRs in 30d

Description

- Deve exibir fotos de edições anteriores dos meetups, seguindo o layout visual de inspiração apresentado na landing page.
- Elementos obrigatórios: painel centralizado com fundo escuro, carrossel horizontal das imagens, setas de navegação (anterior/próxima), um pause/resume, e imagens em formato retangular com bordas arredondadas.
- O layout, espaçamento, iconografia e estilo devem seguir o design da imagem de referência e estar coerentes com a identidade visual do site.
- Deve ocorrer como uma animação infinita para a esquerda, sempre mostrando todas as fotos.
- A galeria precisa ser completamente responsiva: imagens e navegação devem se ajustar perfeitamente a telas grandes, tablets e celulares.
- Fotos devem ser carregadas dinamicamente via props ou dados mockados, permitindo expansão futura para integração com backend.
- As setas de navegação devem ser acessíveis (com labels visuais e teclado).
- O componente deve ser modular, reutilizável e documentado no código, permitindo fácil integração em outras telas.
- Anexe prints do funcionamento responsivo da galeria, demonstrando navegação em diferentes tamanhos de tela ao entregar.

Image

---
Recomendação de biblioteca: [Shadcn Carousel](https://ui.shadcn.com/docs/components/carousel)

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.