O gofinances é uma aplicação simples que permite o controle financeiro de entrada e saídas com relatório em gráfico. O armazenamento dos dados é feito no local storage.
Deseja ver em maior resolução? Clique aqui
Você precisará dos seguintes itens instalados em seu ambiente:
Precisaremos também do Expo Go instalado em seu dispositivo móvel ou emulator.
Utilizando um terminal, clone este repositório com o seguinte comando:
git clone https://github.com/alexm4tos/gofinances.git
Logo após, acesse a pasta do projeto:
cd gofinances
Instale as dependências com seu gerenciador de pacotes.
Se for o NPM, utilize:
npm install
Caso seja o YARN:
yarn install
Será necessário criar um arquivo .env para armazenar as informações sensíveis. Para isso, utilize o comando:
cp .env.example .env
Abra o arquivo .env recém criado com algum editor de textos e adicione os dados necessário para o funcionamento da aplicação.
Acesse a página de credenciais no Google Cloud Platform e crie uma nova ID do cliente do OAuth.
Em Tipo de aplicativo, selecione Aplicativo da Web.
Adicione um nome para identificar (ex.: Web)
Em Origens JavaScript autorizadas clique em ADICIONAR URI e, no campo *URIs**, informe o seguinte endereço:
https://auth.expo.io
Em URIs de redirecionamento autorizados clique em ADICIONAR URI e, no campo *URIs**, informe o seguinte endereço:
https://auth.expo.io/@<seu-usuario>/gofinances
Precisaremos adicionar esse mesmo endereço no REDIRECT_URI presente no arquivo .env.
Por fim, clique em CRIAR.
Acesse a página de credenciais novamente e em IDs do cliente OAuth 2.0 selecione o ID do cliente que acabamos de criar.
No canto superior direito, selecione o conteúdo de ID do cliente e adicione o valor no CLIENT_ID do arquivo .env.
No final do processo, o arquivo .env deverá ficar similar ao conteúdo abaixo:
CLIENT_ID="xxxxxx-yyyyyyy.apps.googleusercontent.com"
REDIRECT_URI="https://auth.expo.io/@<seu-usuario>/gofinances"
Depois de instalar e configurar o app, é hora de executá-lo. Para isso, utilize o comando:
expo start
Será aberta uma página no navegador. Acesse-a e faça a leitura do QR Code com seu dispositivo móvel, utilizando o Expo GO.
Esse projeto foi desenvolvido utilizando as seguintes tecnologias: