Alura Space
Galeria espacial com filtro por tags, construída com CSS Modules.
Visitar siteContexto
Exercício de curso da Alura: uma galeria de fotos do espaço em que o acervo se filtra por tag. O foco do estudo é composição de componentes com CSS Modules, sem framework de estilo e sem roteamento.
Papel
Estudo próprio, sem cliente. Front-end inteiro a partir do material do curso, incluindo a marcação, o estilo por componente e o estado do filtro.
Stack
- React
- CSS Modules
- Create React App
Destaques
- O filtro particiona a galeria por inteiro: Galáxias (3), Estrelas (4), Lua (1) e Nebulosas (2) somam exatamente as 10 fotos do acervo.
- CSS Modules com escopo por componente (Banner, Galeria, Menu, Populares, Tags), sem Sass e sem biblioteca de estilo.
- Página única, sem roteamento nenhum. É o contraponto deliberado do Olá Mundo, feito na mesma leva de estudos.
Outros cases
Store Flow
Vitrine de e-commerce com experiência de compra fluida.
Olá Mundo
Blog de tecnologia com React Router e rotas dinâmicas por post.
SoftCode
Site da software house da qual sou sócio: narrativa de scroll em oito cenas sobre um campo de partículas na GPU, com agendamento embutido.
Barbalog
Consultoria em logística e supply chain: diagnóstico, projetos de CD, WMS e PCP.
LyftConnect
Site de uma empresa de automação residencial, entregue pela SoftCode.
ProOps
ERP para empresas de serviços: propostas, CRM, financeiro e IA integrada.