Este projeto é uma aplicação web construída com React que demonstra a criação de um layout responsivo, seguindo a abordagem mobile-first e utilizando CSS Flexbox para a organização dos componentes.
- Navegação Responsiva: A barra de navegação no topo se adapta a diferentes tamanhos de tela. Em dispositivos móveis (até 768px), ela exibe apenas um ícone de menu, que ao ser clicado, revela os links de navegação. Em telas maiores, os links são exibidos lado a lado.
- Layout Adaptável: A página se ajusta de um layout de coluna única em telas pequenas para um layout de duas colunas (conteúdo principal + barra lateral) em telas maiores, proporcionando uma melhor experiência de visualização.
- Componentes Reutilizáveis: A aplicação é construída com componentes React (
Navbar,Card,Button,Footer,Sidebar), cada um com seus próprios estilos, facilitando a manutenção e a reutilização do código. - Rodapé Fixo: O rodapé da página está sempre fixado na parte inferior, independentemente da quantidade de conteúdo na página.
- React: Biblioteca JavaScript para construção de interfaces de usuário.
- CSS Flexbox: Utilizado para criar o layout responsivo e flexível da página.
- Abordagem Mobile-First: O design foi construído priorizando a experiência em dispositivos móveis, para depois se adaptar a telas maiores.