Arvore de links personalizada, ideal para ser incluída na bio do Instagram. Oferece uma maneira organizada e atraente de compartilhar diferentes links e recursos. O projeto Erika's Business Tree é uma adaptação e refatoração do projeto Devlinks da Rocketseat. Esta versão utiliza Bootstrap para facilitar o desenvolvimento responsivo, SASS para estilos mais organizados e modularização JavaScript para otimizar o design e a manutenção do código no longo prazo.
-
Bootstrap: Utilizado para garantir um design responsivo e uma experiência consistente em diferentes dispositivos.
-
SASS: Estilos organizados melhor legibilidade e manutenção do código.
-
JavaScript Modular: A lógica JavaScript foi modularizada para facilitar a compreensão e manutenção do código.
index.html
: Arquivo HTML principal que define a estrutura da página.styles.scss
: Arquivo SASS contendo estilos pré-processados para a aparência da página.styles.css
: Arquivo CSS contendo estilos rederizados pelo SASS.styles.css.map
: Arquivo de mapeamento para depuração do CSS gerado.index.js
: Arquivo JavaScript modularizado para a lógica interativa da página.assets/
: Pasta que contém recursos como imagens e outros arquivos.components/
: Pasta que contém componentes específicos do projeto.botoes.js
: Arquivo JavaScript que define a lógica dos botões.
data/
: Pasta que contém dados específicos do projeto.data.js
: Arquivo que contém dados utilizados na aplicação.