O projeto Academia Stackx é um site responsivo desenvolvido com foco em componentes reutilizáveis utilizando React e abordando a metodologia Mobile First. O site é voltado para uma academia fictícia, com o objetivo de fornecer informações sobre os serviços, planos e conteúdos educativos, além de permitir um layout fluido em dispositivos móveis e desktops.
- Layout Responsivo utilizando a metodologia Mobile First.
- Componentes reutilizáveis em React para maior organização e escalabilidade.
- Menu de navegação com opções para planos de treinamento e informações institucionais.
- Exibição de planos de treino, exercícios e promoções.
- Componentes modulares como header, footer e cards de serviços.
- React: Biblioteca JavaScript para a criação da interface de usuário.
- CSS: Estilização e personalização do layout da página.
academia-stackx/ ├── public/ # Arquivos públicos e HTML base ├── src/ │ ├── components/ # Componentes reutilizáveis │ │ ├── Header/ │ │ ├── Footer/ │ │ ├── Programs/ │ │ └── Services/ │ ├── assets/ # Imagens, ícones e mídia │ ├── pages/ # Páginas do site │ ├── styles/ # Arquivos de estilo globais │ ├── App.js # Componente principal │ └── index.js # Ponto de entrada ├── package.json # Dependências e scripts └── README.md # Documentação