Skip to content

Social Tree, página simples para listagem de links e rede sociais de uma pessoa.

License

Notifications You must be signed in to change notification settings

oalvesnelio/social-tree

Repository files navigation

⌨️ Social Tree.

Social Tree.

💻 Sobre o projeto

O próposito desse estudo era criar uma Site Responsivo utilizando HTML, CSS e JS. Este projeto se enquadra na minha sessão pessoal, onde estou praticando front-end com bootstrap 5 para lembrar e reforçar os meus conhecimentos. Social Tree. é uma página simples no formato de página unica com links de acesso a redes sociais e sites e ela é responsiva.


🛠 Tecnologias e ferramentas utilizadas:

As seguintes ferramentas foram usadas na construção do projeto:

Visual Studio Code HTML5 CSS3 JS Bootstrap 5 NodeJS Linux Shell Scripts Markdown

🧠 Créditos

  • Agradeço ao Rockyseat pelo modelo de desafio deste projeto e a maneira, consegui configurar o site da maneira que eles haviam explicado e colocando da maneira que eu queria.

Requisitos

Requisitos para aplicação

  • NodeJs: v16.5.* ou v16^
  • Bootstrap: v5.0.2
  • Ejs
  • Express
  • Sass

📝 Bibliotecas


Instalação

  • Clone o repositorio.
  • Compilar servidor com o comando: make build.
  • Levantar servidor com o comando: make up.
  • Acessar o servidor em: http://localhost:8080.

Instalação resumida

  • Clone o repositorio.
  • Executar o comando para compilar e levantar o servidor: make run.
  • Acessar o servidor em: http://localhost:8080.

Regra de compilação dos assets.

  • Compilar o sass com o comando: make scssToCss.
    • Observação: Este comando irá compilar o sass e mover o arquivo para a pasta public/css.
    • Atenção: Execute este comando sempre que for alterar o arquivo style.scss ou qualquer outro arquivo .scss que esteja dentro da pasta src/public/scss e programado no arquivo scssToCss.js.
Criado com 💙 por Nélio Souza Alves