O design da aplicação foi criado no Figma. Para acessar clique aqui.
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 |
Com as ferramentas devidamente instaladas, execute os comandos abaixo
git clone https://github.com/dhianapereira/my-react-notebook.git
cd my-react-notebook/call
npm install
Crie uma cópia do arquivo .env.example
na raiz do projeto com o nome .env
e preencha com os devidos valores.
- Acesse o Google Cloud Console aqui
- Dentro da plataforma crie um novo projeto
- Agora vá em Tela de permissões OAuth e escolha a opção Externo e clique no botão Criar.
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.
- 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:
- Acesse a guia credenciais e crie uma nova credencial clicando em ID do cliente OAuth:
- Selecione Aplicativo da Web para o tipo de aplicativo e preencha os campos de URIs com os valores da imagem abaixo:
Por fim, clique em Criar e adicione as variáveis de ambientes geradas no arquivo .env
.
- Acesse a guia de API e Serviços ativados e clique no botão de Ativar APIs e serviços:
- Procure pela opção Google Calendar API:
- Agora basta clicar em Ativar:
npm run dev