Home

Be The Hero

destina a promover campanhas tendo a finalidade em auxiliar custos das ONGs

Estrutura de diretórios

./backend

• ./scr
  • ./controllers
  • ./utils
  • ./database
    • ./migration
• ./tests
  • ./integration
  • ./unit

./frontend

• ./public
• ./scr
  • ./assets
  • ./pages
    • ./Logon
    • ./NewIncident
    • ./Profile
    • ./Register
  • ./services

./mobile

• ./assets
• ./scr
  • ./assets
  • ./pages
    • ./Detail
    • ./Incidents
  • ./services

Visual Studio Code: Plugins (Ctrl+P)

* ext install spywhere.guides
* ext install eamodio.gitlens
* ext install christian-kohler.path-intellisense
* ext install vscode-icons-team.vscode-icons	

Node.js

Instalar o node.js

• npm: instala um pacote
• npx: executa um pacote

 node -v #mostra a versão do node
 npm -v  #mostra a versão do npm

Nodemon

• Atualiza automaticamente o servido do Node.js

npm install nodemon # em todo o programa

npm install nodemon -D # apenas na dependência de desenvolvimento

npm start # ativa e atualiza automaticamente o localhost:3333 

---

Git

Mensagens para Commit

• feat: um novo recurso
• fix: uma correção de bug
• docs: alterações na documentação
• style: formatação, falta de dois pontos, etc; nenhuma mudança de código
• refactor: refatoração do código de produção
• test: adicionando testes, teste de refatoração; nenhuma mudança de código de produção
• chore: atualizar tarefas de compilação, configurações do gerenciador de pacotes, etc; nenhuma mudança de código de produção

---

Criando Estrutura de Arquivos com npm

Back-end

cd omniStack11
mkdir backend
cd backend
npm init -y # incializando node.js
npm install express # instalando micro-framework 'express' (configura rota e interpreta parâmetros)
touch index.js 

Front-end

cd omniStack11
npx create-react-app frontend #cria um projet
cd frontend
npm start

Mobile

cd omniStack11
expo init mobile
# template: blank <- Escolher essa opção 
cd mobile
npm start --reset-cache