O projeto de Controle de Academia é uma plataforma de gerenciamento de membros e instrutures de uma academia!.

O projeto de Controle de Academia é uma plataforma web voltada para o gerenciamentos de intrutores e membros de uma academia, sistema de cadastro, atualização, remoção e listagem em conjunto com os verbos HTTP dos participantes de uma academia foram alguns dos novos conhecimentos adquiridos nesse projeto do Bootcamp LaunchBase da Rocketseat.

O Intuito é praticar os conhecimentos absorvidos ao longo do curso de javascript, html, nunjucks, css, servidor, banco de dados dentre outros a fim de estabelece-los e fixa-los de forma sólida aumentando o portfólio pessoal.

Node.js, Nunjucks, Express, Browser-sync, npm-run-all e method-override.

O projeto foi desenvolvido utilizando as seguintes tecnologias

• Node.js
• HTML
• CSS
• Nunjucks

• Clonar o projeto:

  $ git clone https://github.com/Aszurar/Controle_de_Academia.git

• Entrar na pasta do projeto:

  $ cd NomedaPasta

• Após instalar o Node.js, executar o npm:

  $ npm init -y

• Instalar o Express:

  $ npm install express

• Instalar o Nodemon:

  $ npm install -D nodemon  

• Após isso configure o script do arquivo package.json assim:

  "scripts": {
      "start": "nodemon server.js"
    }

• Instalar o Nunjucks:

  $ npm install nunjucks

• Instalar o Browser-sync e npm-run-all:

  $ npm install browser-sync npm-run-all -D

• Após isso configure o script do arquivo package.json assim:

  "scripts": {
   "start": "npm-run-all -p nodemon browsersync",
   "nodemon": "nodemon server.js",
   "browsersync": "browser-sync start --proxy http://localhost:5010 --files 'public,views'"
 },

• Execução:

 $ npm start

• A utilização d o browser-sync e npm-run-all basicamente serve para que o site seja aberto automaticamente assim que executamos o projeto, que a página na web se atualize cada veze que realizarmos alguma mudança no projeto, ou seja, a sincronia estea totalmente automática, facilitando o desenvolvimento.
• As configurações no serve.js já estão feitas para utilizarem essas ferramentas.

{   
    "ignore": ["*.json"] 
}

• Isso previne o projeto de ficar em loop de carregamento "infinito" no navegador quando uma mudança for feita no arquivo json de dados.

Desenvolvido por 🌟 Lucas de Lima Martins de Souza.