Início Profile Projeto
Avatar de

Diovane Alves de Oliveira

Bitcent - Controle Financeiro

  • NextJS
  • TailwindCSS
  • Mantine
  • Firebase

Bitcent - Controle Financeiro

Bitcent é uma aplicação web para controle de finanças pessoais com landing page e dashboard. O projeto utiliza o Firebase para autenticação e armazenamento de dados.

🪧 Vitrine.Dev
Nome Bitcent - Controle Financeiro
🏷️ Tecnologias NextJS, TailwindCSS, Mantine, Firebase
🚀 URL https://bitcent-diovane.vercel.app/
🔥 Repositorio https://github.com/diovanealves/BitCent

Logo

Projeto foi desenvolvido durante a Semana Tranformação.DEV, que ocorreu nos dias 8 a 12 de Maio de 2023.


Tecnologias

Lista de tecnologias utilizadas no projeto:

Executando o projeto

  1. Clone o repositório:
$ git clone https://github.com/diovanealves/BitCent
$ cd Bitcent
  1. Crie um projeto no Firebase e ative o Firestore e Autenticação com Google.
  • Permissões do Firestore:
rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    match /{document=**} {
        allow read, write: if false;
    }

    match /finance/{email}/transactions/{id} {
          allow read: if (request.auth != null && request.auth.token.email == email);
      allow write: if (request.auth != null && request.auth.token.email == email);
    }
  }
}
  1. É preciso criar um arquivo .env.local na raiz do projeto com as seguintes variáveis:
NEXT_PUBLIC_FIREBASE_PROJECTID=
NEXT_PUBLIC_FIREBASE_AUTHDOMAIN=
NEXT_PUBLIC_FIREBASE_APIKEY=

Usar as credenciais do seu projeto no Firebase.

  1. Dentro da pasta do projeto, execute os comandos abaixo:
# Instalar as dependências
$ npm install

# Iniciar o projeto
$ npm run dev

O app estará disponível no endereço http://localhost:3000.

🤝 Colaboradores

Foto do Diovane Alves no GitHub

Github

Linkedin

Twitter

License

Esse projeto está sob a licença MIT.