DotFin é um aplicativo para controle financeiro desenvolvido em Ionic Framework que utiliza o Firebase como back-end e foi feito para atender algumas necessidades minhas. Espero que ele seja útil para você também.
- Autenticação Firebase 🔥
- Verificação de e-mail 📧
- Recuperação de senha 🔑
- Criação de grupos 👨👩👧👦
- Lançamento de contas/despesas 💸
- Lançamento de descontos 💲
- Lançamento de cobranças para outros usuários do grupo 🤑
- i18n 💬
# Novo projeto
Crie um novo projeto no Firebase através do link https://console.firebase.google.com/.
# Acesse
Acesse o projeto criado.
# Defina o método de acesso
No menu, acesse 'Authentication > Sign-in method' e ative o método 'E-mail/senha'.
# Crie um novo banco de dados
No menu, acesse 'Cloud Firestore', clique em 'Criar banco de dados', marque a opção 'Iniciar no modo de produção'.
# Defina as regras
Acesse a aba 'Regras', depois acesse o diretório raiz do projeto, abra o arquivo 'firestore.rules' e copie todo seu conteúdo, substitua todo o conteúdo da aba 'Regras' pelo conteúdo copiado e clique em 'Publicar'.
# Instale
Instale o Firebase CLI seguindo as instruções do link https://firebase.google.com/docs/functions/get-started.
# Publique a função
Acesse o diretório 'functions/dotfin', execute `firebase use --add`, selecione o projeto criado no primeiro passo e execute `firebase deploy`.
# Configure o projeto Firebase
Acesse 'Configurações do projeto', vá até 'Seus aplicativos', selecione a opção 'Web' e siga os passos solicitados.
# Configure o aplicativo
Ao final do passo anterior, copie o conteúdo do 'firebaseConfig' gerado pelo Firebase. Acesse a pasta raiz do projeto e execute `npm install`, depois, acesse o diretório 'src/environments' e abra o arquivo src/environments/environment.ts e substitua o 'firebaseConfig' pelo 'firebaseConfig' gerado anteriormente.
firebaseConfig = {
"apiKey": "XXXXXXXXXXXXXXXXXXXXXX_XXXXXX_XXXXXXXXX",
"authDomain": "XXXXX-00000.firebaseapp.com",
"databaseURL": "https://XXXXX-00000.firebaseio.com",
"projectId": "XXXXX-00000",
"storageBucket": "XXXXX-00000.appspot.com",
"messagingSenderId": "000000000000",
"appId": "0:000000000000:web:0x00x000x0000x00xx0000",
"measurementId": "G-XXXXXXXXXX"
};# Inicialize
npm run start
# Acesse
Acessse pelo endereço [http://localhost:8100](http://localhost:8100).
# Construa
npm run build
# Inicialize
Execute `npm run open` e após abrir o Android Studio, selecione o dispositivo/emulador e clique em 'Run'.