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

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:

• React
• Next.js
• Firebase
• TypeScript
• TailwindCSS
• Mantine

Executando o projeto

1. Clone o repositório:

$ git clone https://github.com/diovanealves/BitCent
$ cd Bitcent

2. 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);
    }
  }
}

3. É 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.

4. 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

Github Linkedin Twitter

License

Esse projeto está sob a licença MIT.