Skip to content

Latest commit

 

History

History

call

Ignite Call

🎨 Design

O design da aplicação foi criado no Figma. Para acessar clique aqui.

Design

🔧 Ambiente de Desenvolvimento

Para evitar problemas é legal que seu ambiente de desenvolvimento esteja com as seguintes versões:

Ferramenta Versão
Git A mais recente
NodeJS v18.17.1

🧭 Guia de Instalação

Com as ferramentas devidamente instaladas, execute os comandos abaixo

1. Clonar repositório

git clone https://github.com/dhianapereira/my-react-notebook.git

2. Entrar na pasta do projeto

cd my-react-notebook/call

3. Instalar as dependências

npm install

4. Criar arquivo de variáveis de ambiente

Crie uma cópia do arquivo .env.example na raiz do projeto com o nome .env e preencha com os devidos valores.

Para criar o OAuth com Google, siga esse passo a passo:

  1. Acesse o Google Cloud Console aqui
  2. Dentro da plataforma crie um novo projeto

Criar novo projeto

  1. Agora vá em Tela de permissões OAuth e escolha a opção Externo e clique no botão Criar.

Menu Tela de permissões

Tela de permissões

Agora basta preencher as informações de nome da aplicação e e-mail de suporte e desenvolvedor. Após preencher, basta clicar no botão de Salvar e continuar e ir até a última etapa.

obs.: Não é necessário preencher as etapas de Escopos e Usuários de teste.

  1. A aplicação está em teste, para que tudo funcione é necessário enviar a aplicação para produção clicando no botão Publicar aplicativo:

Botão publicar aplicativo

Para gerar as credenciais, siga esse passo a passo:

  1. Acesse a guia credenciais e crie uma nova credencial clicando em ID do cliente OAuth:

ID do cliente OAuth

  1. Selecione Aplicativo da Web para o tipo de aplicativo e preencha os campos de URIs com os valores da imagem abaixo:

Tipo de aplicativo

Campo de URIs

Por fim, clique em Criar e adicione as variáveis de ambientes geradas no arquivo .env.

5. Ativar API do Google Calendar

  1. Acesse a guia de API e Serviços ativados e clique no botão de Ativar APIs e serviços:

Botão de ativar API e serviço

  1. Procure pela opção Google Calendar API:

Google Calendar API

  1. Agora basta clicar em Ativar:

Botão ativar

6. Executar a aplicação

npm run dev