/Front_HtmlCssJS_Perfil

Primary LanguageCSS

👨🏻‍🎓My profile

O "My Profile" é uma aplicação que atualmente contém um resumo de quem sou eu e os videos mais interessantes, na minha opinião, postados pela Rocketseat, empresa no qual sou aluno.

Publicação

Em breve será atualizado para um possivel publicação. Essa atualização terá o meu portifolio de aplicações criadas.

👁‍🗨 Preview

📖Índice

Sobre

O projeto My Profile é um site desenvolvido para apresentar o que está sendo praticado no curso Bootcamp 🚀 Launchbase e demonstrar o meu desenvolvimento ao durante o curso.

💻 Tecnologias Utilizadas

  • Java Script Fazendo as interações entre o Frontend e o Backend.
  • Node usado como servidor.
    Alguns pacotes instalados:
    • Express um framework que ajuda gerenciar requisições dos verbos HTTP, integrar "view engines" para inserir dados nos templates, definindo a porta a ser usada pela conexão e na localização dos modelos usados para renderizar a resposta.
    • Nunjucks para fazer a templates engine facilitando o reuso dos códigos nas paginas com extensão .njk ;

🚧 Desenvolvimento

Por se tratar de um site que ainda não está disponível, para iniciar o desenvolvimento, é necessário clonar o projeto do GitHub num diretório de sua preferência:

❓ Como baixar o projeto

$ cd "diretorio de sua preferencia"
$ git clone https://github.com/thiagonfss/Front_HtmlCssJS_Perfil

🔥 Necessário:

Instalação do Node através desse link.

No Windows usando o chocolatey ou com o comando abaixo no terminal

cinst nodejs
# ou para a instalação completa com npm
cinst nodejs.install

No Mac usando macOS Installer ou com o comando abaixo no terminal

curl "https://nodejs.org/dist/latest/node-${VERSION:-$(wget -qO- https://nodejs.org/dist/latest/ | sed -nE 's|.*>node-(.*)\.pkg</a>.*|\1|p')}.pkg" > "$HOME/Downloads/node-latest.pkg" && sudo installer -store -pkg "$HOME/Downloads/node-latest.pkg" -target "/"

Executando como localhost

Para rodar o projeto com o Node, execute os comandos abaixo:

#abra terminal que desejar
$ npm install #esse comando irá instalar as dependências necessárias para o funcionamento da aplicação.
$ npm start #irá colocar o servidor para rodar

Ao aparecer "server is running" no terminal, mostra que o servidor está rodando. A porta utilizada para o servidor é a 5000 e para acessar o site, agora local, acesse localhost:5000. Para parar o servidor, digite CTRL + C no Windows ou Command + C no Mac.