| ... | ... | @@ -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)
|
| ... | ... | @@ -17,11 +17,18 @@ |
|
|
|
## **Links**
|
|
|
|
|
|
|
|
- **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
|
|
|
|
|
|
|
|
**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)
|
|
|
|
|
|
|
|
**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 |
