Sobre o Projeto

dash finance é 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.

Tecnologias

Lista de tecnologias utilizadas no projeto:

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

📚 Estrutura do Projeto

dashfinance/
├── public/             # Arquivos estáticos
├── src/
│   ├── components/     # Componentes reutilizáveis
│   ├── contexts/        # Contextos React
│   ├── hooks/           # Custom hooks
│   ├── pages/           # Rotas da aplicação
│   ├── services/        # Serviços e integrações
│   ├── styles/          # Estilos globais
│   └── types/           # Tipos TypeScript
├── .env.local           # Variáveis de ambiente
└── ...

Executando o projeto

1. Clone o repositório:

$ git clone https://github.com/airtonsena10/dashfinance
$ cd dashfinance

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 /financas/{email}/transacoes/{id} {
  		allow read: if (request.auth != null && request.auth.token.email == email);
      allow write: if (request.auth != null && request.auth.token.email == email);
    }
    
    match /usuarios/{email} {
  		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_PROJECT_ID=
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=
NEXT_PUBLIC_FIREBASE_API_KEY=

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.