configuracao.md

@@ -8,7 +8,7 @@
 - [Links](#links)
 - [Instalação do Node](#instalação-do-node)
 - [Instalação do Docker](#instalação-do-docker)
-- [Instalação do MySql](#instalação-di-mysql)
+- [Instalação do MySql](#instalação-do-mysql)
 - [Configuração do Ambiente de Desenvolvimento](#configuração-do-ambiente-de-desenvolvimento)
 - [Execução dos Projetos](#execução-dos-projetos)
   - [Backend](#backend)
@@ -16,12 +16,19 @@
 
 ## **Links**
 
-- **Back-end repo:** https://tools.ages.pucrs.br/cine-clube/backend
+- **Back-end repo:** https://tools.ages.pucrs.br/cine-clube/backend  
+- **Front-end repo:** https://tools.ages.pucrs.br/cine-clube/frontend  
+- **Homologação:** http://hml.ages.pucrs.br  
 
-- **Front-end repo:** https://tools.ages.pucrs.br/cine-clube/frontend
+**Backend**
+- Documentação do TypeORM: [Link](https://github.com/typeorm/typeorm/tree/master/docs)
+- Tutorial de TypeORM: [Link](https://www.youtube.com/playlist?list=PLDqnSpzNKDvn-3cpMf3yPn7gTnb3ooy4b)
 
-- **Homologação:** http://hml.ages.pucrs.br
+**Frontend**
 
+- Tutorial ReactJS: [Link](https://www.youtube.com/playlist?list=PL4cUxeGkcC9gZD-Tvwfod2gaISzfRiP9d)
+- Documentação do Material UI: [Link](https://material-ui.com/components/buttons)
+- Tutorial do Material UI: [Link](https://www.youtube.com/watch?v=0KEpWHtG10M&list=PL4cUxeGkcC9gjxLvV4VEkZ6H6H4yWuS58)
 ## **Instalação do Node**
 
 **Instalação**
@@ -106,10 +113,16 @@ TODO: Adicionar exemplo/descrição.
   `cd backend`
 
 - Instalar as dependências  
-  `npm install`
+`npm install`
+
+Execute o seguinte comando:
+`cp .env.example .env`  
+A seguir, altere os valores de **DB_USERNAME** e **DB_USERNAME** do arquivo .env, substituindo-os pelo usuário e senha do banco de dados.
+
+_OBS: Se ainda não instalou o banco de dados, veja como [aqui](#instalação-do-mysql)._
 
 - Iniciar a aplicação  
-  `npm run dev`
+`npm run dev`
 
 - Acesse pelo navegador  
   `http://localhost:5000`
@@ -129,7 +142,29 @@ TODO: Adicionar exemplo/descrição.
   `cd frontend`
 - Instalar as dependências  
   `npm install` ou `yarn install`
+
+Execute o seguinte comando:
+`cp .env.example .env`  
+Altere os valores dentro do arquivo .env, substituindo-os pelos dados da conta do Firebase.
+_[Como encontrar os dados.](#obtendo-os-dados-do-Firebase)_
+
 - Iniciar a aplicação  
   `npm start` ou `yarn start`
 - Acesse pelo navegador  
   `http://localhost:3000`
+
+#### Obtendo os dados do Firebase
+
+Acesse o [console do Firebase](https://console.firebase.google.com/).  
+Faça o login utilizando a conta do time. (Os dados de login estão no Discord do time. Se não encontrá-los, pergunte para algum AGES 3/4).  
+Entre no projeto do Cine Clube e acesse as configurações do projeto. No final da página estarão os valores necessários.  
+Insira-os no arquivo .env de maneira que o resultado final seja semelhante ao abaixo:  
+
+```
+REACT_APP_API_KEY = AIzaSyCvNn-3-DBBO5TysLO67f0nsOEhOqpwi4E
+REACT_APP_AUTH_DOMAIN = cineclube-ab123.firebaseapp.com
+REACT_APP_PROJECT_ID = cineclube-ab123
+REACT_APP_STORAGE_BUCKET = cineclube-ab123.appspot.com
+REACT_APP_MESSAGING_SENDER_ID = 123456789012
+REACT_APP_APP_ID = 1:123456789012:web:95b53dd4e787b16e2979fa
+```
\ No newline at end of file